:root{--bg:#0b0c0e;--surface:#16181c;--hairline:#2a2d33;--text:#e8e9eb;--muted:#9aa0a6;--accent:#c6f432;--error:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--hairline);background:var(--surface);color:var(--text);border-radius:8px;padding:.6rem 1rem}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{border-bottom:1px solid var(--hairline);align-items:baseline;gap:1rem;padding:1rem 1.5rem;display:flex}.wordmark{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.tagline,.hint,.foot{color:var(--muted)}.layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:1.5rem;padding:1.5rem;display:grid}@media (width<=800px){.layout{grid-template-columns:1fr}}.stage-col{flex-direction:column;align-items:center;min-width:0;display:flex}#dropzone{border:1px dashed var(--hairline);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:50vh;display:flex}#dropzone h1{margin:0;font-size:1.5rem;font-weight:600}#choose,#vanish:not(:disabled),.button{background:var(--accent);border-color:var(--accent);color:#0b0c0e;font-weight:600}.button{text-align:center;border:1px solid var(--accent);border-radius:8px;padding:.6rem 1rem;text-decoration:none;display:block}#stage{max-width:100%;line-height:0;position:relative}#photo{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:70vh;display:block}#outlines,#vanish-fx,#scan{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#vanish-fx,.compare,#result-actions{display:none}.compare{line-height:normal}.compare-frame{line-height:0;position:relative}.compare-frame:after{content:"";top:0;bottom:0;left:var(--v,50%);background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute}#before{border-radius:6px;max-width:100%;max-height:70vh;display:block}#after{clip-path:inset(0 0 0 50%);border-radius:6px;width:100%;height:100%;position:absolute;inset:0}#compare-range{width:100%;accent-color:var(--accent);margin:.75rem 0 0}#outlines{opacity:0}#outlines.flash{animation:.6s ease-in-out flash}@keyframes flash{0%,to{opacity:0}50%{opacity:1}}#scan{background:#0b0c0e40;display:none;overflow:hidden}#scan:after{content:"";background:linear-gradient(#0000,#c6f43247,#0000);height:30%;animation:1.6s linear infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(340%)}}#tooltip{pointer-events:none;border:1px solid var(--hairline);color:var(--text);white-space:nowrap;background:#16181ce0;border-radius:999px;padding:.25rem .55rem;font-size:.8rem;line-height:1.4;display:none;position:absolute;transform:translate(12px,12px)}#tooltip.show{display:block}#status{min-height:1.5em;color:var(--muted);margin:.75rem 0 0}#status[data-tone=error]{color:var(--error)}#panel{border:1px solid var(--hairline);background:var(--surface);border-radius:14px;flex-direction:column;align-self:start;gap:.75rem;padding:1rem;display:flex}#panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.85rem;font-weight:600}#items{max-height:45vh;margin:0;padding:0;list-style:none;overflow:auto}#items li{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.4rem .6rem}#items li:hover,#items li:focus-visible{background:#ffffff0d}#items li[aria-selected=true]{border-color:var(--accent);color:var(--accent)}body:not([data-phase=empty]) #dropzone,body[data-phase=empty] #stage,body[data-phase=empty] #panel{display:none}body[data-phase=segmenting] #scan,body[data-phase=vanishing] #vanish-fx,body[data-phase=result] .compare{display:block}body[data-phase=vanishing] #items{opacity:.6;pointer-events:none}body[data-phase=result] #result-actions{flex-direction:column;display:flex}body[data-phase=result] #photo,body[data-phase=result] #outlines,body[data-phase=result] #tooltip,body[data-phase=result] #panel h2,body[data-phase=result] #items,body[data-phase=result] #vanish{display:none}.foot{border-top:1px solid var(--hairline);padding:1rem 1.5rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){#scan:after{display:none}#scan{background:#0b0c0e73}#outlines.flash{animation:none}}