:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d0f;--surface:#141619;--surface-raised:#1b1e22;--surface-soft:#23272c;--text:#f4f3ef;--text-muted:#a6a8a9;--border:#ffffff1a;--border-strong:#ffffff2e;--accent:#efac4b;--accent-hover:#f6bb63;--accent-text:#1c1308;--danger:#ff8f82;--focus:#79baff;--shadow:0 24px 80px #00000061;--radius-sm:10px;--radius:16px;--radius-lg:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f0eb;--surface:#faf9f6;--surface-raised:#fff;--surface-soft:#eae7df;--text:#1a1b1c;--text-muted:#666866;--border:#1416181c;--border-strong:#14161833;--accent:#c9781d;--accent-hover:#b76712;--accent-text:#fffaf1;--danger:#b42e20;--focus:#126ac0;--shadow:0 24px 80px #2a241929}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:calc(100dvh - var(--rf-h,0px));background:radial-gradient(circle at 12% -10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 28rem), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input{font:inherit}button,a,[role=button],[role=slider]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible,[role=slider]:focus-visible,[role=tab]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.button{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button svg{width:18px;height:18px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary{background:var(--accent);color:var(--accent-text)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--secondary{border-color:var(--border);background:var(--surface-soft)}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-soft) 75%, var(--text) 5%)}.button--ghost{border-color:var(--border);background:0 0}.button--compact{min-height:38px;padding:0 13px}.button--icon{width:44px;padding:0}.app-shell{min-height:calc(100dvh - var(--rf-h,0px))}.app-shell--upload{position:relative}.upload-theme-toggle{z-index:2;top:calc(var(--rf-h,0px) + max(18px, env(safe-area-inset-top)));right:max(18px, env(safe-area-inset-right));position:fixed}.upload-screen{min-height:calc(100dvh - var(--rf-h,0px));padding:max(64px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));place-items:center;display:grid}.upload-card{text-align:center;width:min(100%,630px)}.brand-mark,.wordmark>span{background:var(--accent);width:44px;height:44px;color:var(--accent-text);letter-spacing:-.04em;box-shadow:0 10px 35px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:13px;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:700}.upload-card h1{letter-spacing:-.045em;max-width:560px;margin:0 auto;font-size:clamp(32px,6vw,54px);line-height:1.08}.upload-intro{color:var(--text-muted);margin:16px auto 30px;font-size:16px}.upload-dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 88%, transparent);cursor:pointer;align-content:center;place-items:center;gap:11px;min-height:240px;padding:32px;transition:border-color .16s,background-color .16s,transform .16s;display:grid;box-shadow:inset 0 1px #ffffff0a}.upload-dropzone:hover,.upload-dropzone[data-dragging=true]{border-color:var(--accent);background:color-mix(in srgb, var(--surface) 84%, var(--accent) 7%);transform:translateY(-2px)}.upload-dropzone>svg{width:38px;height:38px;color:var(--accent)}.upload-dropzone strong{font-size:18px}.upload-dropzone>span,.file-status,.upload-card [role=status]{color:var(--text-muted)}.privacy-note{color:var(--text-muted);justify-content:center;align-items:center;gap:7px;margin:18px 0 0;font-size:13px;display:flex}.privacy-note svg{width:15px;height:15px}[role=alert]{color:var(--danger)}.app-header{z-index:10;min-height:70px;padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.wordmark{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.wordmark>span{border-radius:10px;width:36px;height:36px;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.privacy-pill{color:var(--text-muted);font-size:12px}.editor-layout{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.preview-panel{min-width:0;min-height:calc(100dvh - 70px - var(--rf-h,0px));padding:22px max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex}.preview-heading{justify-content:space-between;align-items:end;gap:18px;width:min(100%,1080px);margin:0 auto 16px;display:flex}.preview-heading .eyebrow{margin:0 0 3px}.preview-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(23px,3vw,34px);line-height:1.15}.preview-heading>span{color:var(--text-muted);flex:none;font-size:12px}.photo-compare{flex:none;width:min(100%,1080px);margin:auto}.photo-compare__surface{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:100%;box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#111315;background-image:linear-gradient(45deg,#16181b 25%,#0000 25%),linear-gradient(-45deg,#16181b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#16181b 75%),linear-gradient(-45deg,#0000 75%,#16181b 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:relative;overflow:hidden}.photo-compare__canvas{object-fit:contain;width:100%;height:100%;display:block}.photo-compare__filtered{position:absolute;inset:0}.photo-compare__divider{z-index:3;background:#ffffffeb;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #00000029}.photo-compare__handle{background:#0f1012b8;border:2px solid #fffffff0;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000047}.photo-compare__handle:before,.photo-compare__handle:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:7px;height:7px;position:absolute;top:50%}.photo-compare__handle:before{left:9px;transform:translateY(-50%)rotate(45deg)}.photo-compare__handle:after{right:9px;transform:translateY(-50%)rotate(225deg)}.photo-compare__label{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000085;border:1px solid #ffffff24;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:650;position:absolute;top:12px}.editor-controls{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 90%, transparent);gap:16px;width:min(100%,1080px);margin:18px auto 0;padding:16px;display:grid}.control-label{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:650;display:flex}.control-label output{color:var(--accent);font-variant-numeric:tabular-nums}.slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:22px;display:flex;position:relative}.slider__track{background:var(--surface-soft);border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.slider__range{background:var(--accent);height:100%;position:absolute}.slider__thumb{border:2px solid var(--accent);background:var(--surface-raised);border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 2px 8px #0000003d}.slider[data-disabled]{opacity:.45}.editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.editor-actions .button:last-child{grid-column:1/-1}.editor-notices{width:min(100%,1080px);color:var(--text-muted);margin:12px auto 0;font-size:13px}.editor-notices p{margin:5px 0}.filter-rail{min-width:0;padding:0 max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.filter-browser h2{letter-spacing:-.02em;margin:0 0 12px;font-size:19px}.tabs__list{background:var(--surface-soft);scrollbar-width:thin;border-radius:12px;gap:5px;padding:3px;display:flex;overflow-x:auto}.tabs__trigger{min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;padding:0 12px;font-weight:650}.tabs__trigger>span[aria-hidden]{background:var(--border);border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:4px;font-size:11px;display:inline-grid}.tabs__trigger[data-state=active]{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 5px #0000001f}.tabs__content{margin-top:12px}.filter-list{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;grid-auto-columns:minmax(150px,42vw);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.filter-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);cursor:pointer;scroll-snap-align:start;text-align:left;border-radius:13px;padding:8px;transition:border-color .16s,background-color .16s;display:grid}.filter-card:hover,.filter-card[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--surface) 93%, var(--accent) 7%)}.filter-card[aria-busy=true]{border-color:var(--accent)}.filter-card__thumbnail,.filter-card__placeholder{aspect-ratio:4/3;background:var(--surface-soft);width:100%;color:var(--text-muted);object-fit:cover;border-radius:8px;place-items:center;font-size:11px;display:grid}.filter-card__copy{gap:2px;padding:9px 2px 3px;display:grid}.filter-card__copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-card__pending{color:var(--accent);font-size:12px;font-weight:650}.filter-card__copy>span:not(.filter-card__pending){color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.filter-browser__empty{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center;padding:28px}.dialog__overlay{z-index:40;top:var(--rf-h,0px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a3;position:fixed;bottom:0;left:0;right:0}.dialog__content{z-index:50;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100vw - 32px,460px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow);padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog__header{padding-right:34px}.dialog__header h2{letter-spacing:-.03em;margin:0;font-size:24px}.dialog__header p{color:var(--text-muted);margin:8px 0 0}.dialog__close{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog__close:hover{background:var(--surface-soft);color:var(--text)}.dialog__close svg{width:19px}.dialog__footer{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.export-formats{border:0;gap:9px;margin:22px 0 0;padding:0;display:grid}.export-formats legend{margin-bottom:8px;font-size:13px;font-weight:700}.export-formats label{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:center;gap:11px;min-height:52px;padding:10px 13px;display:flex}.export-formats label:has(input:checked){border-color:var(--accent)}.export-formats input{width:18px;height:18px;accent-color:var(--accent)}.export-formats label>span{width:100%;color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.export-formats strong{color:var(--text);font-size:14px}.export-progress{color:var(--text-muted);gap:8px;margin-top:18px;font-size:13px;display:grid}.export-progress progress{width:100%;accent-color:var(--accent)}@media (width>=700px){.editor-controls{grid-template-columns:minmax(220px,1fr) auto;align-items:center}.editor-actions{display:flex}.editor-actions .button:last-child{grid-column:auto}}@media (width>=900px){.app-header{top:var(--rf-h,0px);padding-left:28px;padding-right:28px;position:sticky}.editor-layout{grid-template-columns:minmax(0,1fr) 320px}.preview-panel{padding:26px 28px 32px}.photo-compare{width:min(100%, 1080px, calc((100dvh - 290px) * var(--photo-aspect)))}.filter-rail{top:calc(70px + var(--rf-h,0px));height:calc(100dvh - 70px - var(--rf-h,0px));border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface) 75%, transparent);padding:26px 18px 32px;position:sticky;overflow-y:auto}.tabs__list{scrollbar-width:none}.filter-list{grid-auto-columns:unset;grid-template-columns:1fr;grid-auto-flow:row;overflow:visible}.filter-card{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px}.filter-card__copy{padding:0}}@media (width<=599px){.privacy-pill,.preview-heading>span{display:none}.photo-compare{max-height:none}.dialog__footer{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}