:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf8;--fg:#202831;--muted:#566270;--line:#dce1e5;--accent:#2455af}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171b21;--fg:#e3e8ed;--muted:#a9b4bf;--line:#36404a;--accent:#9dbbff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.6 Geist,Segoe UI,sans-serif}main{max-width:760px;margin:auto;padding:32px 24px}.eyebrow{letter-spacing:.1em;color:var(--muted);font-size:11px}h1{letter-spacing:-.03em;font-size:clamp(25px,5vw,38px);line-height:1.15}.controls{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}button{font:inherit;background:var(--bg);color:var(--accent);border:1px solid var(--line);cursor:pointer;border-radius:5px;padding:9px 14px}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#status{border-block:1px solid var(--line);padding:16px 0}#log{max-height:200px;overflow:auto}.note{color:var(--muted);font-size:12px}