:root{--bg: #06080f;--panel: rgba(12, 16, 28, .72);--line: rgba(120, 200, 220, .18);--text: #e8f0f5;--muted: #8aa0ad;--accent: #38e0d8;--accent2: #a78bfa}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}#gpu{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#panel{position:absolute;top:18px;left:18px;width:250px;padding:16px 16px 14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 50px -24px #000c;user-select:none}#panel header{margin-bottom:14px}.eyebrow{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}#panel h1{margin:4px 0 0;font-size:26px;font-weight:700;letter-spacing:.04em;display:flex;align-items:baseline;gap:8px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}#panel h1 small{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--muted);-webkit-text-fill-color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0}.row label{font-size:12px;color:var(--muted);flex:0 0 auto}select,input[type=range]{accent-color:var(--accent)}select{flex:1;background:#00000059;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-family:Space Mono,monospace;font-size:12px}input[type=range]{flex:1;height:18px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:transparent;border:0;color:var(--muted);font-family:inherit;font-size:11px;padding:5px 10px;cursor:pointer}.seg button.on{background:linear-gradient(90deg,#38e0d840,#a78bfa40);color:var(--text)}.hint{margin:14px 0 8px;font-size:11px;color:var(--muted)}.stat{display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:11px;color:var(--accent);border-top:1px solid var(--line);padding-top:8px}#fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px}#fallback[hidden]{display:none}.fb-card{max-width:420px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.fb-card h2{margin:0 0 10px;color:var(--accent)}.fb-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}@media (max-width: 560px){#panel{width:calc(100vw - 36px);top:12px;left:12px}}