:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8eadc;--dim:#a6aa91;--black:#0a0b08;--rack:#151810;--rack2:#202416;--olive:#6d7741;--amber:#d6a548;--red:#a84932;--green:#94aa52;--steel:#7f8878;--rubber:#050604}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 70% 10%,#d6a5481c,#0000 32rem),linear-gradient(135deg,#11130d 0%,#080906 46%,#171b10 100%);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}#app{isolation:isolate;width:100vw;height:100vh;min-height:620px;position:relative;overflow:hidden}#scope{background:#080a06;width:100%;height:100%;display:block;position:absolute;inset:0}.rack{z-index:2;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 8px),linear-gradient(#252b19f0,#0b0d08f5);border:1px solid #e8eadc2e;border-radius:18px;grid-template-columns:.92fr 1fr 1.82fr 1.24fr .92fr;gap:12px;min-height:158px;padding:14px;display:grid;position:absolute;bottom:max(16px,2vh);left:max(18px,2vw);right:max(18px,2vw);box-shadow:0 -24px 80px #000000b8,inset 0 1px #ffffff14,inset 0 -6px 22px #00000073}.rack:before,.rack:after{content:"";opacity:.9;background:repeating-linear-gradient(#050604 0 16px,#343a25 16px 19px);border-radius:10px;width:11px;position:absolute;top:13px;bottom:13px}.rack:before{left:10px}.rack:after{right:10px}.rack-label{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(145deg,#080a06b8,#2c301ea6);border:1px solid #d6a54859;border-radius:12px;align-content:center;gap:7px;margin-left:14px;padding:11px 13px;display:grid}.rack-label span{color:var(--amber);font-size:13px}.rack-label strong{letter-spacing:-.04em;max-width:12ch;font-size:clamp(17px,1.75vw,26px);line-height:1.06}.rack-label em{color:var(--dim);font-size:12px;font-style:normal}.transport,.patchbay,.meters{align-content:stretch;gap:9px;display:grid}button{min-height:46px;color:var(--ink);font:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#323922,#10130c);border:1px solid #e8eadc33;border-radius:10px;box-shadow:inset 0 1px #ffffff17,0 3px #030402}button:hover{border-color:#d6a5488c}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f0c35f}button[aria-pressed=true],.jack.active{color:#fbffe5;background:linear-gradient(#6a702f,#22260f)}.jack{text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.jack span{background:radial-gradient(circle,#25291a 0 34%,#899547 36% 44%,#0c0e08 46% 100%);border:3px solid #060704;border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 6px #000,0 0 0 1px #ffffff26}.jack.active span{background:radial-gradient(circle,#edc66a 0 20%,#1e210e 23% 48%,#99a852 50% 64%,#0c0e08 66%)}.controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:9px;display:grid}.fader{min-width:0;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(#050604b3,#1f24149e);border:1px solid #e8eadc26;border-radius:12px;grid-template-rows:auto 1fr auto;gap:5px;padding:9px 10px 8px;font-size:11px;display:grid}.fader input{width:100%;min-height:44px;accent-color:var(--amber)}.fader output{color:var(--amber);letter-spacing:0;font-size:13px}.meters{grid-template-columns:1fr 1fr}.meters div{background:radial-gradient(circle at 50% 10%,#94aa522e,#070805bf);border:1px solid #94aa5247;border-radius:12px;align-content:center;gap:5px;padding:9px;display:grid}.meters span{color:var(--dim);text-transform:uppercase;font-size:11px}.meters b{color:#cfe38b;letter-spacing:-.05em;font-size:clamp(20px,2vw,30px);font-weight:700}@media (width<=760px){body{overflow:auto}#app{height:100dvh;min-height:812px}.rack{grid-template-columns:1fr;max-height:56vh;padding:12px;inset:auto 10px 10px;overflow:auto}.rack:before,.rack:after{display:none}.rack-label,.meters{margin:0}.rack-label strong{max-width:none;font-size:25px}.transport{grid-template-columns:1fr}.patchbay,.controls,.meters{grid-template-columns:1fr 1fr}}@media (width<=390px){.controls,.patchbay,.meters{grid-template-columns:1fr}.rack{max-height:60vh}}