:root{color-scheme:light dark;--bg: #0c0c0e;--bg-elev: #161618;--bg-elev-2: #1d1d20;--bg-elev-3: #26262a;--border: #2a2a2f;--border-strong: #3a3a42;--border-accent: #ffce4a;--fg: #f5f5f7;--fg-mute: #a8a8b3;--fg-subtle: #6e6e78;--accent: #ffce4a;--accent-strong: #ffb800;--accent-fg: #1a1a1c;--success: #5dd58c;--success-bg: rgba(93, 213, 140, .12);--warning: #ffb84a;--warning-bg: rgba(255, 184, 74, .12);--danger: #ff6b6b;--danger-bg: rgba(255, 107, 107, .12);--info: #6fb4ff;--info-bg: rgba(111, 180, 255, .12);--slot-empty: #26262a;--slot-occupied: #c84444;--slot-active: var(--accent);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 9999px;--text-xs: .75rem;--text-sm: .85rem;--text-base: .95rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.4rem;--text-2xl: 1.75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.45;--leading-loose: 1.6;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .3s;--easing: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--bg: #f9f9fb;--bg-elev: #ffffff;--bg-elev-2: #f0f0f3;--bg-elev-3: #e7e7ec;--border: #d9d9e0;--border-strong: #b0b0ba;--fg: #18181c;--fg-mute: #56565e;--fg-subtle: #8c8c95;--accent-fg: #18181c;--slot-empty: #e2e2e8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:inherit}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:var(--space-3);top:var(--space-3);width:auto;height:auto;padding:var(--space-2) var(--space-3);background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border-accent);border-radius:var(--radius-md);z-index:1000;text-decoration:none}img,canvas,svg,video{display:block;max-width:100%}h1{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.02em;margin:0}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-3)}h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}p{margin:var(--space-2) 0;color:var(--fg-mute)}strong{font-weight:var(--weight-semibold);color:var(--fg)}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9em}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;min-height:36px;font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing),transform var(--duration-fast) var(--easing)}button:hover:not(:disabled){background:var(--bg-elev-3);border-color:var(--fg-subtle)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent-strong);font-weight:var(--weight-semibold)}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.ghost{background:transparent;border-color:transparent;color:var(--fg-mute)}button.ghost:hover:not(:disabled){background:var(--bg-elev-2);color:var(--fg);border-color:transparent}button.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}input,select,textarea{font:inherit;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:36px;transition:border-color var(--duration-fast) var(--easing)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--fg-subtle)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input[type=range]{flex:1;min-width:120px;padding:0;background:transparent;border:none;min-height:auto;accent-color:var(--accent)}input[type=file]{background:transparent;border:none;padding:0;min-height:auto}output{font-variant-numeric:tabular-nums;color:var(--fg-mute);min-width:4em;display:inline-block;font-size:var(--text-sm)}.app-shell{max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.app-shell>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.app-title{display:inline-flex;align-items:center;gap:var(--space-3)}.app-title img{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.browser-support-banner{display:flex;align-items:flex-start;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in oklab,#c84444 22%,var(--bg-elev));border:1px solid color-mix(in oklab,#c84444 50%,transparent);color:var(--fg);font-size:.9rem;line-height:1.5}.browser-support-banner__body{flex:1;min-width:0}.browser-support-banner__body strong{display:block;margin-bottom:var(--space-1);font-weight:600}.browser-support-banner__body p{margin:0 0 var(--space-2)}.browser-support-banner__body p:last-child{margin-bottom:0}.browser-support-banner__quiet{color:var(--fg-mute);font-size:.85rem}.browser-support-banner__body a{color:var(--border-accent);text-underline-offset:2px}.browser-support-banner__dismiss{flex-shrink:0;background:transparent;border:none;color:var(--fg-mute);font-size:1.6rem;line-height:1;cursor:pointer;padding:0 var(--space-2)}.browser-support-banner__dismiss:hover,.browser-support-banner__dismiss:focus-visible{color:var(--fg)}.gamut-warning{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in oklab,var(--border-accent) 14%,var(--bg-elev));border:1px solid color-mix(in oklab,var(--border-accent) 40%,transparent);color:var(--fg);font-size:.85rem;line-height:1.45}.gamut-warning strong{color:var(--border-accent)}.app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}@media (max-width: 900px){.app-grid{grid-template-columns:1fr}}.column-left,.column-right{display:flex;flex-direction:column;gap:var(--space-4)}section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.pill,.connection-badge{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg-mute);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2)}.connection-badge.state-connected{background:var(--success-bg);border-color:var(--success);color:var(--success)}.connection-badge.state-connecting{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.connection-badge.state-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.error-banner{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--fg)}.error-banner strong{color:var(--danger)}.error-banner .error-hint{font-size:var(--text-sm)}.error-banner .error-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.source-picker{border:2px dashed var(--border-strong);transition:background var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing)}.source-picker.dragging{background:#ffce4a0f;border-color:var(--accent)}.source-status{font-size:var(--text-sm);color:var(--fg)}.source-error{color:var(--danger);font-weight:var(--weight-medium)}.pipeline-controls{display:flex;flex-direction:column;gap:var(--space-3)}.pipeline-controls .slider,.pipeline-controls .dither{display:flex;align-items:center;gap:var(--space-3)}.pipeline-controls .slider>span:first-child,.pipeline-controls .dither>span:first-child{min-width:6.5rem;font-weight:var(--weight-medium);font-size:var(--text-sm)}.crop-overlay{margin:var(--space-2) 0;border-radius:var(--radius-lg);overflow:hidden;background:#000;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:var(--shadow-sm)}.crop-overlay button{background:#000000b3;color:#fff;border-color:#ffffff4d;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);min-height:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crop-overlay button:hover:not(:disabled){background:#000000e6;border-color:#ffffff80}.crop-overlay svg{cursor:grab}.crop-overlay svg.dragging{cursor:grabbing}.crop-overlay-controls{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap}.crop-overlay-hint{font-size:var(--text-xs);color:var(--fg-subtle);margin:var(--space-2) 0 0}.algorithm-gallery{display:flex;flex-direction:column;gap:var(--space-2)}.gallery-hint{font-size:var(--text-xs);color:var(--fg-subtle);margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.gallery-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-height:0;transition:border-color var(--duration-fast) var(--easing),transform var(--duration-fast) var(--easing)}.gallery-item:hover{border-color:var(--fg-subtle);transform:translateY(-1px)}.gallery-item.active{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:-1px}.gallery-canvas{width:100%;height:auto;aspect-ratio:4 / 3;image-rendering:pixelated;background:#000;border-radius:var(--radius-sm)}.gallery-label{font-size:var(--text-xs);text-align:center;color:var(--fg)}.gallery-active-marker{color:var(--accent);font-weight:var(--weight-semibold)}.gallery-busy{color:var(--fg-mute)}.preview-pane canvas{width:100%;max-width:480px;height:auto;image-rendering:pixelated;background:#000;border-radius:var(--radius-md);border:1px solid var(--border);display:block;box-shadow:var(--shadow-sm)}.device-info{font-family:ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);background:var(--bg-elev-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-1);color:var(--fg)}.device-battery{font-size:var(--text-sm);color:var(--fg-mute);margin:0 0 var(--space-3);padding:0 var(--space-3)}.device-battery strong{color:var(--fg)}.device-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.slot-grid-wrap{background:transparent;border:none;padding:0}.slot-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin-top:var(--space-2)}@media (max-width: 700px){.slot-grid{grid-template-columns:repeat(10,1fr)}}.slot-grid .slot{aspect-ratio:1 / 1;background:var(--slot-empty);border:1px solid var(--border);border-radius:3px;padding:0;min-height:0;background-size:cover;background-position:center;position:relative;transition:transform var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing)}.slot-grid .slot.occupied{background-color:var(--slot-occupied);border-color:#0006}.slot-grid .slot.active{outline:2px solid var(--accent);outline-offset:1px;animation:slot-active-pulse 1.2s ease-in-out infinite}.slot-grid .slot:hover:not(:disabled){transform:scale(1.18);z-index:1;border-color:var(--accent)}.slot-grid .slot.has-thumb{background-color:transparent;border-color:var(--border-strong)}@keyframes slot-active-pulse{0%,to{box-shadow:0 0 #ffce4a99}50%{box-shadow:0 0 0 6px #ffce4a00}}.slot-hover-preview{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-lg);z-index:1000}.slot-hover-preview img{display:block;width:100%;height:auto;border-radius:2px;background:#000}.slot-hover-label{font-size:var(--text-xs);text-align:center;color:var(--fg-mute);padding-top:2px}.slot-dialog,.wipe-dialog{margin-top:var(--space-4);background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-md)}.slot-dialog h3,.wipe-dialog h3{margin:0}.slot-dialog-preview{display:block;width:100%;max-width:320px;aspect-ratio:4 / 3;object-fit:contain;background:#000;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-1)}.wipe-dialog{border-color:var(--danger)}.wipe-dialog h3{color:var(--danger)}.wipe-dialog code{background:var(--bg-elev);padding:2px 6px;border-radius:3px}.wipe-input-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.wipe-input-label input{font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em}.wipe-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.wipe-actions .primary{background:var(--danger);color:#fff;border-color:var(--danger)}.wipe-actions .primary:disabled{background:var(--bg-elev-2);color:var(--fg-mute);border-color:var(--border)}.wipe-progress,.wipe-result{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-elev-2);border-radius:var(--radius-md);font-size:var(--text-sm)}.wipe-progress p,.wipe-result p{color:var(--fg);margin:0 0 var(--space-2)}.wipe-result details{margin:var(--space-1) 0;font-size:var(--text-xs)}.wipe-result details ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.backup-progress{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-elev-2);border-radius:var(--radius-md);font-size:var(--text-sm)}.backup-progress p{color:var(--fg);margin:0 0 var(--space-2)}.app-footer{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--fg-subtle)}.footer-version{font-family:ui-monospace,SFMono-Regular,monospace}.footer-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.footer-links a,.footer-links button.link{color:var(--fg-mute);text-decoration:none;background:transparent;border:none;padding:0;min-height:0;cursor:pointer;font-size:var(--text-xs);font-family:inherit}.footer-links a:hover,.footer-links button.link:hover{color:var(--fg);text-decoration:underline}.footer-actions{display:flex;gap:var(--space-2)}.footer-actions button{font-size:var(--text-xs);min-height:28px;padding:var(--space-1) var(--space-3)}.disclaimer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-4)}.disclaimer-modal{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.disclaimer-modal h2{font-size:var(--text-xl);margin:0 0 var(--space-3);color:var(--accent)}.disclaimer-body{font-size:var(--text-sm);color:var(--fg)}.disclaimer-body p{margin:var(--space-3) 0;color:var(--fg)}.disclaimer-body ul{padding-left:var(--space-5);margin:var(--space-2) 0}.disclaimer-body li{margin:var(--space-1) 0}.disclaimer-body strong{color:var(--accent)}.disclaimer-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.legal-page{max-width:720px;margin:0 auto;padding:var(--space-6);color:var(--fg)}.legal-page header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.legal-page .legal-back{color:var(--fg-mute);text-decoration:none;font-size:var(--text-sm);display:inline-block;margin-bottom:var(--space-3)}.legal-page .legal-back:hover{color:var(--fg);text-decoration:underline}.legal-page article p{color:var(--fg);margin:var(--space-3) 0;line-height:var(--leading-loose)}.legal-page article ul{padding-left:var(--space-5);margin:var(--space-2) 0}.legal-page article li{color:var(--fg);margin:var(--space-1) 0}.legal-page article a{color:var(--accent)}.legal-page article code{background:var(--bg-elev-2);padding:2px 4px;border-radius:3px}.ad-slot{display:block}.ad-slot-placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;color:var(--fg-subtle);background:var(--bg-elev-2);display:flex;flex-direction:column;gap:var(--space-1)}.ad-slot-placeholder span{font-size:var(--text-sm);font-weight:var(--weight-medium)}.ad-slot-placeholder small{font-size:var(--text-xs)}.cheatsheet{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.cheatsheet h2{font-size:var(--text-xl);margin:0 0 var(--space-4)}.cheatsheet h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-mute);font-weight:var(--weight-medium);margin:0 0 var(--space-2)}.cheatsheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-6)}@media (max-width: 600px){.cheatsheet-grid{grid-template-columns:1fr}}.cheatsheet dl{margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.cheatsheet-row{display:flex;gap:var(--space-3);align-items:baseline;font-size:var(--text-sm)}.cheatsheet-row dt{flex:0 0 6rem}.cheatsheet-row dd{margin:0;color:var(--fg-mute)}.cheatsheet kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:var(--text-xs);background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px 6px;color:var(--fg)}.undo-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);z-index:1500;min-width:300px;max-width:480px;overflow:hidden}.undo-toast>button{min-height:28px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.undo-toast-note{color:var(--fg-mute);font-size:var(--text-xs)}.undo-toast-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border)}.undo-toast-bar-fill{height:100%;background:var(--accent);transition:width 60ms linear}.calibration-section{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-1)}.calibration-section>summary{cursor:pointer;color:var(--fg-mute);font-size:var(--text-sm);font-weight:var(--weight-medium);-webkit-user-select:none;user-select:none}.calibration-section>summary:hover{color:var(--fg)}.calibration-section[open]>summary{color:var(--fg);margin-bottom:var(--space-2)}.calibration-hint{font-size:var(--text-xs);color:var(--fg-subtle);margin:0 0 var(--space-2)}