:root{--booth-black: #0E0F12;--booth-panel: #16181D;--booth-inset: #1D2026;--line: #2A2E36;--tungsten: #F2A65A;--tungsten-hot: #FFC072;--filament: #FFD9A0;--text: #EDEEF0;--ash: #8A8F98;--ash-dim: #565B64;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--booth-black);background-image:radial-gradient(ellipse at 50% 30%,#161820,#0a0b0e);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.5rem 1rem 4rem;color:var(--text)}.stage{width:100%;max-width:880px;display:flex;flex-direction:column;gap:2rem}.app-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tungsten)}.eyebrow-dot{opacity:.6}.wordmark{font-family:var(--font-display);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.1}.subtitle{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--ash);line-height:1.6;max-width:56ch}.panes{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}.pane-arrow{display:flex;align-items:center;justify-content:center;padding:2rem .75rem 0;color:var(--ash-dim);font-size:1.25rem;align-self:center}.pane-outer{display:flex;flex-direction:column;gap:.5rem;min-width:0}.pane-label-row{display:flex;align-items:center;gap:.5rem}.pane-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}.pane-well{display:flex;align-items:center;justify-content:center;min-height:200px;padding:.875rem;border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--booth-inset);background-image:radial-gradient(ellipse at 50% 100%,rgba(242,166,90,.06) 0%,transparent 70%);box-shadow:inset 0 0 28px #f2a65a0a,inset 0 1px #ffd9a00a;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,background-image .2s}.upload-zone{cursor:pointer;text-align:center}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--tungsten);background-image:radial-gradient(ellipse at 50% 100%,rgba(242,166,90,.12) 0%,transparent 70%);box-shadow:inset 0 0 36px #f2a65a14,inset 0 1px #ffd9a012,0 0 0 1px #f2a65a26}.upload-zone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem}.upload-icon{font-size:1.75rem;line-height:1;opacity:.8}.upload-text{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--ash)}.upload-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--ash-dim);letter-spacing:.06em}.pane-empty{font-family:var(--font-body);font-size:.82rem;color:var(--ash-dim);text-align:center;padding:1rem;line-height:1.5}.pane-canvas{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm)}.hidden{display:none!important}#resultPane .pane-well:after{content:"";position:absolute;left:0;right:0;top:-4px;height:3px;background:var(--tungsten-hot);box-shadow:0 0 10px 3px #ffc0728c,0 0 2px 1px #ffd9a0cc;border-radius:2px;opacity:0;pointer-events:none}#resultPane.is-processing .pane-well{border-color:var(--tungsten)}#resultPane.is-processing .pane-well:after{opacity:1;animation:scan-sweep 1.4s linear infinite}@keyframes scan-sweep{0%{transform:translateY(0);opacity:.9}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100% + 6px));opacity:0}}#resultPane.just-captured .pane-well{animation:well-bloom .7s ease-out forwards}#resultPane.just-captured .pane-canvas{animation:canvas-reveal .55s ease-out .05s both}@keyframes well-bloom{0%{box-shadow:inset 0 0 60px #f2a65a38,inset 0 1px #ffd9a01f,0 0 0 2px #f2a65a4d}55%{box-shadow:inset 0 0 80px #f2a65a47,inset 0 1px #ffd9a026,0 0 0 3px #f2a65a40}to{box-shadow:inset 0 0 28px #f2a65a0a,inset 0 1px #ffd9a00a}}@keyframes canvas-reveal{0%{opacity:0;clip-path:inset(6% 0 6% 0)}to{opacity:1;clip-path:inset(0% 0 0% 0)}}@media (prefers-reduced-motion: reduce){#resultPane.is-processing .pane-well:after{display:none}#resultPane.just-captured .pane-well{animation:none}#resultPane.just-captured .pane-canvas{animation:canvas-fade .3s ease-out both}@keyframes canvas-fade{0%{opacity:0}to{opacity:1}}}.toggles-row{display:flex;flex-wrap:wrap;gap:.75rem 2rem;align-items:center}.toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-track{display:inline-block;width:38px;height:22px;border-radius:999px;background:var(--booth-inset);border:1px solid var(--line);position:relative;transition:background .22s,border-color .22s,box-shadow .22s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--ash-dim);transition:transform .22s,background .22s;box-shadow:0 1px 3px #0006}.toggle-label input[type=checkbox]:checked~.toggle-track{background:var(--tungsten);border-color:var(--tungsten);box-shadow:0 0 8px #f2a65a66}.toggle-label input[type=checkbox]:checked~.toggle-track:after{transform:translate(16px);background:var(--booth-black)}.toggle-label input[type=checkbox]:focus-visible~.toggle-track{outline:2px solid var(--tungsten);outline-offset:2px}.toggle-text{font-family:var(--font-body);font-size:.88rem;font-weight:400;color:var(--ash)}.actions-row{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.6rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.95rem;font-weight:500;cursor:pointer;border:1.5px solid transparent;transition:background .18s,border-color .18s,color .18s,opacity .18s,transform .1s,box-shadow .18s;line-height:1.4;min-height:44px;letter-spacing:.01em}.btn:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--tungsten);color:var(--booth-black);border-color:var(--tungsten);box-shadow:0 0 14px #f2a65a4d}.btn-primary:hover:not(:disabled){background:var(--tungsten-hot);border-color:var(--tungsten-hot);box-shadow:0 0 20px #ffc07273}.btn-primary:active:not(:disabled){transform:scale(.97);box-shadow:0 0 8px #f2a65a33}.btn-secondary{background:transparent;color:var(--tungsten);border-color:var(--tungsten)}.btn-secondary:hover:not(:disabled){background:#f2a65a14;box-shadow:0 0 10px #f2a65a1f}.status-text{min-height:1.4em;font-family:var(--font-mono);font-size:.78rem;font-weight:400;letter-spacing:.05em;color:var(--ash);text-align:center}.adjustments{display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--booth-panel)}.slider-row{display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--ash)}.slider-row output{color:var(--tungsten)}.slider-row input[type=range]{width:100%;accent-color:var(--tungsten)}.spec-strip{font-family:var(--font-mono);font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ash-dim);text-align:center;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:1.5em}.spec-github{color:var(--ash);text-decoration:none;display:flex;align-items:center;transition:color .15s}.spec-github:hover{color:var(--amber)}@media (max-width: 600px){body{padding:1.5rem .875rem 3rem}.stage{gap:1.5rem}.wordmark{font-size:1.85rem}.panes{grid-template-columns:1fr;gap:1rem}.pane-arrow{display:none}.toggles-row{flex-direction:column;align-items:flex-start;gap:.4rem}.actions-row{flex-direction:column}.btn{width:100%}.pane-well{min-height:160px}}@media (max-width: 380px){body{padding:1rem .5rem 2rem}.wordmark{font-size:1.6rem}}