.studio{background-color:var(--background);color:var(--foreground);overflow-x:clip}.studio h1{font-family:var(--font-signage), var(--font-geist-sans), sans-serif;text-transform:uppercase;letter-spacing:-.01em;font-weight:800;line-height:.95}.studio .aurora{background-color:var(--background);background-image:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--foreground) 7%, transparent) 1.2px, transparent 1.6px), radial-gradient(60rem 26rem at 50% -10%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 70%);background-size:14px 14px,100% 100%}.studio .grid-lines{display:none}.vu{grid-template-rows:repeat(12,1fr);gap:2px;height:100%;display:grid;position:relative}.vu>i{background:var(--lit);box-shadow:0 0 5px color-mix(in oklab, var(--lit) 60%, transparent);border-radius:1px}.vu>i:nth-child(-n+3){--lit:var(--led-red)}.vu>i:nth-child(n+4):nth-child(-n+5){--lit:var(--led-amber)}.vu>i:nth-child(n+6){--lit:var(--led-green)}.vu:before{content:"";z-index:1;background:var(--rack);opacity:.86;height:55%;position:absolute;inset:-1px -1px auto}.vu-live:before{animation:vu var(--speed,.9s) cubic-bezier(.3, 0, .3, 1) infinite alternate}@keyframes vu{0%{height:62%}30%{height:28%}55%{height:46%}80%{height:18%}to{height:38%}}.fader-slot{background:#0b0b0c;border-radius:3px;width:6px;position:relative;box-shadow:inset 0 1px 3px #000000e6}.fader-cap{width:34px;height:18px;left:50%;top:var(--to,30%);background:linear-gradient(#d9d7d1,#8f8d88 48%,#b8b6b0 52%,#6f6d69);border-radius:3px;margin-left:-17px;animation:1.4s cubic-bezier(.2,.8,.2,1) .5s both fader-in;position:absolute;box-shadow:0 3px 6px #0009}.fader-cap:after{content:"";background:#1a1a1a;height:2px;position:absolute;inset:8px 3px auto}@keyframes fader-in{0%{top:88%}to{top:var(--to,30%)}}.knob{transform:rotate(var(--turn,0deg));background:radial-gradient(circle at 35% 30%,#5c5e64,#26272b 70%);border-radius:999px;position:relative;box-shadow:0 3px 6px #0000008c,inset 0 1px #ffffff1f}.knob:after{content:"";background:var(--rack-ink);border-radius:2px;width:2px;height:30%;margin-left:-1px;position:absolute;top:12%;left:50%}.toggle{background:#0b0b0c;border-radius:6px;width:22px;height:36px;position:relative;box-shadow:inset 0 2px 4px #000000e6}.toggle:after{content:"";background:linear-gradient(#e2e0da,#86847f);border-radius:4px;height:16px;position:absolute;top:3px;left:3px;right:3px;box-shadow:0 2px 4px #0009}.cable{fill:none;stroke-linecap:round}.cable-pulse{fill:none;stroke-linecap:round;stroke-dasharray:10 400;animation:3.2s linear infinite pulse-run}@keyframes pulse-run{0%{stroke-dashoffset:410px}to{stroke-dashoffset:0}}.tuner-needle{animation:9s cubic-bezier(.6,0,.3,1) infinite tune;left:22%}@keyframes tune{0%,38%{left:22%}50%,88%{left:72%}to{left:22%}}.wave{transform-origin:50%;animation:2.8s ease-out infinite wave}@keyframes wave{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.log-line{background-image:linear-gradient(90deg, color-mix(in oklab, var(--foreground) 14%, transparent) 50%, transparent 50%);background-position:0 100%;background-repeat:repeat-x;background-size:8px 1px}.push-button{background:radial-gradient(circle at 40% 30%, #ff7a6c, var(--air) 55%, #9e1b10);box-shadow:0 0 0 8px #0b0b0c, 0 0 0 10px var(--rack-edge), 0 10px 0 8px #050505, 0 22px 40px 6px #00000080;border-radius:999px;transition:transform .12s,box-shadow .12s,filter .2s;position:relative}.push-button:hover{filter:brightness(1.08)}.push-button:active{box-shadow:0 0 0 8px #0b0b0c, 0 0 0 10px var(--rack-edge), 0 4px 0 8px #050505, 0 12px 24px 6px #00000073;transform:translateY(6px)}.ticker{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker>div{animation:38s linear infinite marquee}@media (prefers-reduced-motion:reduce){.on-air{color:#fff;background:var(--air);animation:none}.vu-live:before,.tuner-needle,.cable-pulse,.wave,.ticker>div,.led-blink,.fader-cap{animation:none!important}}