:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#f2f2f2;--dim:#ffffff73;--line:#ffffff24;--panel:#08080899}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow:hidden}.app{position:fixed;inset:0}.visual-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.brand{letter-spacing:.24em;text-transform:uppercase;align-items:baseline;gap:12px;font-size:13px;display:flex;position:absolute;top:22px;left:26px}.brand em{letter-spacing:.16em;color:var(--dim);font-size:10px;font-style:normal}.hint{letter-spacing:.1em;text-transform:uppercase;max-width:320px;color:var(--dim);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;font-size:10px;position:absolute;top:22px;right:26px}.controls{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;max-width:min(960px,100vw - 32px);padding:12px 18px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.play{color:#000;width:52px;height:52px;font:inherit;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:50%;place-items:center;font-size:14px;transition:transform .15s;display:grid}.play:hover{transform:scale(1.06)}.play:active{transform:scale(.96)}.play.playing{color:#fff;background:0 0}.group{flex-direction:column;gap:6px;min-width:170px;display:flex}.group.narrow{min-width:110px}.group .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:10px}.value{letter-spacing:.08em;white-space:nowrap;font-size:10px}.value b{color:#fff;font-weight:700}input[type=range]{accent-color:#fff;cursor:pointer;width:100%;height:18px;margin:0}.section{flex-direction:column;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:4px;display:flex}.chips.tight .chip{letter-spacing:.08em;padding:4px 8px;font-size:9px}.chip{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 11px;font-size:10px;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:#fff;border-color:#fff6}.chip.active{color:#000;background:#fff;border-color:#fff}@media (width<=720px){.brand{top:16px;left:16px}.hint{display:none}.controls{gap:10px 16px;padding:12px 14px;bottom:12px}.group{min-width:120px}}