:root{--bg:#0f141a;--panel:#161d25;--line:#2a3542;--text:#dde3ea;--muted:#8b98a7;--accent:#f5a524;--ok:#3fb950;--err:#f0605a;--btn:#212b36;--btn-hover:#2b3745;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f3f4f6;--panel:#fff;--line:#d5dae0;--text:#1d2329;--muted:#5d6874;--accent:#b86e00;--ok:#1a7f37;--err:#c62828;--btn:#e8ebef;--btn-hover:#dde1e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:1180px;margin:0 auto;padding:12px 16px 40px}header.top{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.brand{font-size:18px;font-weight:700}.brand span{color:var(--accent)}.sub{color:var(--muted)}.spacer{flex:1}.pill{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:12px}.pill.on{color:var(--ok);border-color:var(--ok)}.pill.err{color:var(--err);border-color:var(--err)}.monitor{border:1px solid var(--line);background:#000;border-radius:10px;padding:10px;position:relative}.monitor canvas{aspect-ratio:720/400;image-rendering:auto;cursor:text;outline:none;width:100%;height:auto;display:block}.monitor:focus-within{border-color:var(--accent)}.focus-hint{color:#aaa;pointer-events:none;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;bottom:14px;right:16px}.monitor:focus-within .focus-hint{display:none}.overlay{color:#fff;text-align:center;background:#000028d9;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:10px}.keys{flex-wrap:wrap;gap:4px;margin:8px 0 14px;display:flex}button,.btn{font:inherit;color:var(--text);background:var(--btn);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:6px;padding:4px 10px;font-size:13px}button:hover,.btn:hover{background:var(--btn-hover)}button.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600}.keys button{min-width:42px;padding:6px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px}.panel h2{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.panel h2 .spacer{flex:1}.panel p{margin:6px 0}select,input[type=text]{font:inherit;color:var(--text);background:var(--btn);border:1px solid var(--line);border-radius:6px;max-width:100%;padding:4px 6px}table.files{border-collapse:collapse;width:100%;font-size:13px}table.files td{border-top:1px solid var(--line);padding:3px 4px}table.files td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}table.files td.act{text-align:right;white-space:nowrap}table.files button{padding:1px 6px;font-size:12px}pre.log{background:var(--bg);border:1px solid var(--line);white-space:pre;border-radius:6px;max-height:260px;margin:0;padding:6px;font:12px/1.35 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.drop{border:2px dashed var(--line);text-align:center;border-radius:10px;margin:8px 0;padding:18px}.drop.over{border-color:var(--accent);background:#f5a52414}.muted{color:var(--muted)}.small{font-size:12px}.err{color:var(--err)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.loader{max-width:760px}.loader h1{margin:0 0 6px;font-size:20px}.typein{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}
