:root{--mf-midnight:#0d1b2a;--mf-core-blue:#3b82f6;--mf-core-blue-hover:#2563eb;--mf-teal:#14b8a6;--mf-teal-hover:#0f9c8c;--mf-sky:#93c5fd;--mf-cloud:#f8fafc;--mf-white:#fff;--mf-border:#e5e7eb;--mf-muted:#64748b;--mf-error:#dc2626;--mf-error-bg:#fef2f2;--mf-chip-jpg:#14b8a6;--mf-chip-png:#3b82f6;--mf-chip-webp:#9333ea;--mf-chip-avif:#4f46e5;--mf-gradient-brand:linear-gradient(135deg, var(--mf-core-blue), var(--mf-teal));--mf-gradient-brand-hover:linear-gradient(135deg, var(--mf-core-blue-hover), var(--mf-teal-hover));--mf-blob-blue:radial-gradient(circle, #3b82f629, #3b82f600 70%);--mf-blob-teal:radial-gradient(circle, #14b8a62e, #14b8a600 70%);--mf-tint-blue:#3b82f614;--mf-tint-teal:#14b8a61a;--mf-font-ui:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mf-font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--mf-radius-sm:8px;--mf-radius-md:12px;--mf-radius-lg:16px;--mf-shadow-sm:0 1px 2px #0d1b2a0f;--mf-shadow-md:0 4px 16px #0d1b2a14;--mf-shadow-lg:0 12px 32px #0d1b2a1f}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--mf-font-ui);color:var(--mf-midnight);background:var(--mf-cloud);-webkit-font-smoothing:antialiased;margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(20px);border-radius:50%;width:560px;height:560px;position:fixed}body:before{background:var(--mf-blob-blue);top:-180px;right:-180px}body:after{background:var(--mf-blob-teal);bottom:-180px;left:-180px}.text-gradient{background:var(--mf-gradient-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}h1,h2,h3{color:var(--mf-midnight);margin:0;font-weight:700}p{color:var(--mf-midnight);margin:0}a{color:var(--mf-core-blue)}#app{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}main{flex-direction:column;flex:1;gap:64px;padding:0 24px 64px;display:flex}.site-header{z-index:10;background:var(--mf-cloud);border-bottom:1px solid var(--mf-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto;display:flex}.site-header__brand{align-items:center;gap:10px;text-decoration:none;display:flex}.site-header__icon{flex-shrink:0;width:32px;height:32px}.site-header__wordmark{color:var(--mf-midnight);font-size:22px;font-weight:700}.site-header__badges{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.site-header__badges li{color:var(--mf-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.site-header__badges svg{width:16px;height:16px;color:var(--mf-core-blue);flex-shrink:0}.site-header__install-wrap{flex-shrink:0;margin-left:auto;position:relative}.site-header__install{align-items:center;gap:6px;display:inline-flex}.site-header__install svg{width:16px;height:16px}.site-header__install-status{color:var(--mf-muted);flex-shrink:0;margin-left:auto;font-size:13px;font-weight:600}.install-hint{z-index:20;background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-md);width:240px;box-shadow:var(--mf-shadow-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.install-hint p{color:var(--mf-midnight);margin:0;font-size:13px}.install-hint__dismiss{color:var(--mf-core-blue);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;font-size:13px;font-weight:600}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:780px;margin:0 auto;display:flex}.hero h1{letter-spacing:-.02em;font-size:48px;line-height:1.15}.hero__subtitle{color:var(--mf-muted);max-width:600px;font-size:18px}.mode-tabs{background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-md);box-shadow:var(--mf-shadow-sm);padding:4px;display:inline-flex}.mode-tabs__tab{border-radius:var(--mf-radius-sm);color:var(--mf-muted);cursor:pointer;background:0 0;border:none;padding:8px 24px;font-family:inherit;font-size:14px;font-weight:600}.mode-tabs__tab--active{background:var(--mf-gradient-brand);color:var(--mf-white)}.before-after-wrap{width:100%;position:relative}.before-after-wrap__slider{transition:opacity .15s}.before-after-wrap__slider--updating{opacity:.6}.before-after-wrap__badge{background:var(--mf-midnight);color:var(--mf-white);box-shadow:var(--mf-shadow-md);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.spinner{border:2px solid #f8fafc59;border-top-color:var(--mf-white);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite mf-spin}@keyframes mf-spin{to{transform:rotate(360deg)}}.btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.before-after{aspect-ratio:16/10;border-radius:var(--mf-radius-lg);border:1px solid var(--mf-border);width:100%;max-height:480px;box-shadow:var(--mf-shadow-md);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.before-after__image{object-fit:contain;background:var(--mf-midnight);width:100%;height:100%;position:absolute;inset:0}.before-after__overlay{position:absolute;inset:0}.before-after__tag{color:var(--mf-white);pointer-events:none;background:#0d1b2aa6;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:12px}.before-after__tag--before{left:12px}.before-after__tag--after{right:12px}.before-after__handle{background:var(--mf-white);justify-content:center;align-items:center;width:3px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.before-after__handle-grip{background:var(--mf-white);width:36px;height:36px;box-shadow:var(--mf-shadow-md);color:var(--mf-midnight);border-radius:50%;justify-content:center;align-items:center;display:flex}.before-after__handle-grip svg{width:18px;height:18px}.single-status{color:var(--mf-muted);font-size:14px}.single-status--error{color:var(--mf-error)}.single-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.single-result__stats{color:var(--mf-muted);gap:16px;font-size:14px;display:flex}.single-result__saved{color:var(--mf-teal);font-weight:600}.single-result__saved--negative{color:var(--mf-error)}.dropzone{border:2px dashed var(--mf-border);border-radius:var(--mf-radius-lg);background:var(--mf-white);width:100%;box-shadow:var(--mf-shadow-md);cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--mf-core-blue);box-shadow:var(--mf-shadow-lg)}.dropzone--active{border-color:var(--mf-core-blue);background:var(--mf-tint-blue)}.dropzone__input{display:none}.dropzone__icon{background:var(--mf-gradient-brand);width:56px;height:56px;color:var(--mf-white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.dropzone__icon svg{width:26px;height:26px}.dropzone__title{font-size:18px;font-weight:600}.dropzone__subtitle{color:var(--mf-muted);font-size:14px}.btn{border-radius:var(--mf-radius-sm);cursor:pointer;border:1px solid #0000;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,border-color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--mf-gradient-brand);color:var(--mf-white);box-shadow:var(--mf-shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--mf-gradient-brand-hover);box-shadow:var(--mf-shadow-md)}.btn--ghost{background:var(--mf-white);color:var(--mf-midnight);border-color:var(--mf-border);align-items:center;text-decoration:none;display:inline-flex}.btn--ghost:hover:not(:disabled){border-color:var(--mf-core-blue)}.btn--small{padding:6px 14px;font-size:13px}.settings-panel{background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-lg);width:100%;box-shadow:var(--mf-shadow-sm);text-align:left;flex-direction:column;gap:20px;padding:24px;display:flex}.settings-panel__group{flex-direction:column;gap:8px;display:flex}.settings-panel__label{color:var(--mf-muted);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:600}.settings-panel__checkbox{cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.settings-panel__resize-inputs{align-items:center;gap:8px;display:flex}.settings-panel__resize-inputs input{border:1px solid var(--mf-border);border-radius:var(--mf-radius-sm);width:90px;font-family:var(--mf-font-mono);padding:8px}.format-picker{flex-wrap:wrap;gap:8px;display:flex}.format-picker__option{border-radius:var(--mf-radius-sm);border:1px solid var(--mf-border);background:var(--mf-white);cursor:pointer;color:var(--mf-midnight);padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600}.format-picker__option--active{color:var(--mf-white);border-color:#0000}.format-picker__option--jpeg.format-picker__option--active{background:var(--mf-chip-jpg)}.format-picker__option--png.format-picker__option--active{background:var(--mf-chip-png)}.format-picker__option--webp.format-picker__option--active{background:var(--mf-chip-webp)}.format-picker__option--avif.format-picker__option--active{background:var(--mf-chip-avif)}.format-picker__option--neutral.format-picker__option--active{background:var(--mf-gradient-brand)}.queue-summary{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.queue-summary__stats{color:var(--mf-muted);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.queue-summary__errors{color:var(--mf-error);font-weight:600}.queue-summary__actions{gap:8px;display:flex}.queue-table-wrap{-webkit-overflow-scrolling:touch;background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-lg);width:100%;overflow-x:auto}.queue-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px;font-size:14px}.queue-table th,.queue-table td{border-bottom:1px solid var(--mf-border);padding:12px 16px}.queue-table th{color:var(--mf-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.queue-table tr:last-child td{border-bottom:none}.queue-row--updating{opacity:.7}.queue-row__thumb-cell{width:40px}.queue-row__thumb{border-radius:var(--mf-radius-sm);object-fit:cover;background:var(--mf-cloud);border:1px solid var(--mf-border);width:40px;height:40px;display:block}.queue-row__name{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.queue-row__saved--negative{color:var(--mf-error)}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.status-badge--queued,.status-badge--processing,.status-badge--updating{background:var(--mf-tint-blue);color:var(--mf-core-blue)}.status-badge--done{background:var(--mf-tint-teal);color:var(--mf-teal)}.status-badge--error{background:var(--mf-error-bg);color:var(--mf-error)}.how-it-works,.formats,.faq{flex-direction:column;gap:24px;width:100%;max-width:960px;margin:0 auto;display:flex}.how-it-works h2,.formats h2,.faq h2{text-align:center;font-size:28px}.how-it-works__steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.how-it-works__steps li{background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.how-it-works__number{background:var(--mf-gradient-brand);width:28px;height:28px;color:var(--mf-white);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.how-it-works__steps h3{font-size:16px}.how-it-works__steps p{color:var(--mf-muted);font-size:14px}.formats__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.format-card{background:var(--mf-white);border:1px solid var(--mf-border);border-top:4px solid var(--mf-core-blue);border-radius:var(--mf-radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.format-card--jpg{border-top-color:var(--mf-chip-jpg)}.format-card--png{border-top-color:var(--mf-chip-png)}.format-card--webp{border-top-color:var(--mf-chip-webp)}.format-card--avif{border-top-color:var(--mf-chip-avif)}.format-card p{color:var(--mf-muted);font-size:14px}.faq__list{flex-direction:column;gap:12px;display:flex}.faq__item{background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-md);padding:16px 20px}.faq__item summary{cursor:pointer;font-weight:600}.faq__item p{color:var(--mf-muted);margin-top:12px;font-size:15px}.site-footer{text-align:center;border-top:1px solid var(--mf-border);flex-direction:column;gap:4px;padding:32px 24px;display:flex}.site-footer__nav{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.site-footer__nav a{color:var(--mf-muted);font-size:14px;text-decoration:none}.site-footer__nav a:hover{color:var(--mf-core-blue);text-decoration:underline}.site-footer__meta{color:var(--mf-muted);font-size:13px}.about-blurb{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.about-blurb p{color:var(--mf-muted);font-size:15px}.about-blurb a{color:var(--mf-core-blue)}.wp-promo{width:100%;max-width:960px;margin:0 auto}.wp-promo__card{background:var(--mf-white);border:1px solid var(--mf-border);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow-sm);flex-direction:column;gap:16px;padding:32px;display:flex}.wp-promo__copy h2{margin-bottom:12px;font-size:24px}.wp-promo__copy p{color:var(--mf-muted);font-size:15px}.wp-promo__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.wp-promo__actions .btn svg{width:18px;height:18px;margin-right:4px}@media (width<=768px){.how-it-works__steps,.formats__grid{grid-template-columns:1fr 1fr}.hero h1{font-size:32px}.queue-row__name{max-width:120px}}