:root{--bg:#f4f7f4;--surface:#fff;--surface-2:#e9efe9;--text:#14201a;--muted:#55665c;--accent:#178a4c;--accent-ink:#fff;--border:#cfd9d1;--error:#b42318;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0b1410;--surface:#132019;--surface-2:#1b2b22;--text:#e8f0ea;--muted:#9fb3a6;--accent:#3ddc84;--accent-ink:#06130b;--border:#274235;--error:#ff8a80}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;line-height:1.5}.app{max-width:880px;margin:0 auto;padding:24px 16px 48px}a{color:var(--accent)}.masthead{margin-bottom:24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.8rem}h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}h2{margin:0 0 8px;font-size:1.1rem}.lede{color:var(--muted);max-width:60ch;margin:0}.controls,.results,.how{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:16px}.buttons{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;flex:auto;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;display:inline-flex;position:relative}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.button input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.button:disabled{opacity:.55;cursor:wait}.button:has(input:disabled){opacity:.55;cursor:wait}.samples-label{color:var(--muted);margin:14px 0 8px;font-size:.95rem}.status{color:var(--muted);margin:14px 0 0;font-size:.95rem}.status[data-kind=error]{color:var(--error)}.readout{text-align:center;padding:8px 0 16px}.percent{font-variant-numeric:tabular-nums;color:var(--accent);margin:0;font-size:clamp(3rem,14vw,5rem);font-weight:800;line-height:1}.percent .unit{margin-left:4px;font-size:.4em;font-weight:600}.readout-label{color:var(--muted);margin:4px 0 12px}.details{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;max-width:480px;margin:0 auto;display:grid}.details div{background:var(--surface-2);border-radius:10px;padding:8px 12px}.details dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.details dd{font-family:var(--mono);margin:0;font-size:.95rem}.panels{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.panels figure{margin:0}.panels canvas{border:1px solid var(--border);background:#000;border-radius:10px;width:100%;height:auto;display:block}.panels figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:.85rem}.how ol{margin:0 0 8px;padding-left:20px}.how p{color:var(--muted);margin:0}.footer{color:var(--muted);font-size:.85rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}