:root{--bg:#121315;--panel:#1c1d20;--text:#e6e4df;--muted:#9b988f;--line:#2d2e32;--error:#e57b67;--accent:#e0aa52;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#eef0f2;--panel:#fff;--text:#1a1c1f;--muted:#5f636a;--line:#d4d8dd;--error:#b3402b;--accent:#9a6a1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}html,body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,sans-serif}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;display:flex}header h1{margin:0;font-size:15px;font-weight:600}select,button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 8px}button{cursor:pointer}.status{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.stage{padding:16px;overflow:hidden}.screen{transform-origin:0 0;cursor:default;touch-action:manipulation;background:#000;outline:none;position:relative;overflow:hidden}.error{color:var(--error);white-space:pre-wrap;margin:12px 16px 0;font:12px ui-monospace,monospace}.open{gap:16px;max-width:520px;margin:15vh auto 0;padding:0 16px;display:grid}.open h1{margin:0;font-size:20px}.drop{border:1px dashed var(--line);text-align:center;cursor:pointer;border-radius:8px;padding:40px 16px}.drop.over{border-color:var(--accent);background:var(--panel)}