:root{--bg:#0b0f14;--panel:#10161eeb;--line:#243041;--text:#e6edf3;--muted:#8b9aab;--accent:#f2c14e;--warn:#f0a35e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#app{position:fixed;inset:0}#view{touch-action:none;width:100%;height:100%;display:block}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;flex-direction:column;width:min(340px,100vw - 24px);display:flex;position:absolute;top:12px;bottom:12px;left:12px}.panel header{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:10px 12px;display:flex}.panel h1{letter-spacing:.02em;margin:0;font-size:16px}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:12px}.panel .body{flex-direction:column;gap:12px;padding:10px 12px 14px;display:flex;overflow-y:auto}.panel-toggle{margin-left:auto}.panel.collapsed{bottom:auto}.panel.collapsed .body{display:none}.muted{color:var(--muted)}.warn{color:var(--warn)}.row{grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:3px 0;display:grid}.row input[type=range]{width:100%}section .row:has(input[type=range]){grid-template-columns:56px 1fr 40px}button,select,input[type=search]{font:inherit;color:var(--text);border:1px solid var(--line);background:#1a2330;border-radius:6px;min-height:34px;padding:6px 10px}button:hover{border-color:#3a4a60}button.active{background:var(--accent);color:#111;border-color:var(--accent)}button.link{min-height:0;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}input[type=search]{width:100%}.modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tools{flex-wrap:wrap;gap:6px;display:flex}.card h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:15px}.card p{margin:4px 0}.card .desc{max-height:9em;overflow-y:auto}.bench{white-space:pre-wrap;border:1px solid var(--line);-webkit-user-select:all;user-select:all;background:#111821;border-radius:6px;margin:0;padding:8px;font-size:12px}details p{font-size:12px}.key{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 10px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.key li{align-items:center;gap:6px;display:flex}.swatch{border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000059}.stats{color:var(--muted);background:#00000080;border-radius:6px;padding:4px 8px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:12px;right:12px}.fatal{color:var(--warn);position:absolute;inset:auto 12px 12px}@media (max-width:640px){.panel{width:auto;max-height:55vh;inset:auto 8px 8px}.panel.collapsed{bottom:8px}.stats{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}