:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161d;--panel:#1b212c;--line:#2b3444;--fg:#e8edf5;--mut:#8f9db3;--acc:#fc4c02}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.4 system-ui,sans-serif}header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 20px;display:flex}header h1{flex:1;margin:0;font-size:18px}button,.btn{background:var(--panel);color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;padding:7px 12px;text-decoration:none;display:inline-block}button:hover,.btn:hover{border-color:var(--mut)}button.primary,.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}button:disabled{opacity:.5;cursor:default}main{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.list{gap:8px;margin:16px 0;display:grid}.row{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:10px 14px;display:grid}.row:hover{border-color:var(--acc)}.mut{color:var(--mut)}.err{color:#ff8a80}.stage{background:#000;border-radius:10px;margin-bottom:12px;position:relative;overflow:hidden}.stage canvas{width:100%;height:520px;display:block}.hud{background:#0f141e9e;border-radius:12px;gap:28px;padding:8px 22px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hud div{text-align:center}.hud small{color:#9fb0c8;letter-spacing:.05em;font-size:11px;display:block}.hud b{font-variant-numeric:tabular-nums;font-size:20px}.controls{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:12px;display:flex}.controls label{color:var(--mut);align-items:center;gap:6px;display:flex}.controls input[type=range]{width:160px}input.scrub{flex:1;min-width:200px}select,input[type=number]{background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:5px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:14px}progress{width:100%}.credit{color:#ffffffbf;text-shadow:0 0 3px #000;text-align:right;max-width:60%;font-size:10px;position:absolute;top:6px;right:8px}.credit a{color:inherit}.credit img{vertical-align:middle;height:14px}