.rigel-cabinet{--enamel:#2a3731;--enamel-hi:#34443c;--ink:#ebe5d2;--ink-dim:#9aa39a;--walnut:#5b3a22;--walnut-dark:#3a2314;--amber:#ffb028;--meter-height:8.5rem;--focus:#fff;box-sizing:border-box;background:radial-gradient(ellipse at 50% 0, color-mix(in oklab, var(--foreground) 7%, var(--background)), var(--background) 70%);flex:1 0 auto;justify-content:center;padding:2rem 1.5rem;display:flex}.rigel{box-sizing:border-box;min-width:0;max-width:100%;height:max-content;color:var(--ink);outline:1px solid var(--walnut-dark);background:linear-gradient(180deg, var(--enamel-hi), var(--enamel));border-inline:1.1rem solid var(--walnut);border-radius:6px;align-content:start;gap:.9rem;margin-block:auto;padding:.9rem 1rem 1.1rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0006,inset 1px 0 #00000080,inset -1px 0 #00000080,0 24px 50px #0000008c}.rigel-name{letter-spacing:.22em;margin:0;font-size:1.4rem;font-weight:800;line-height:1}.rigel-name span{color:var(--amber)}.rigel-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.3em;margin:.3rem 0 0;font-size:.55rem}.rigel-desk{align-items:stretch;gap:.6rem;min-width:0;padding-bottom:.2rem;display:flex;overflow-x:auto}.rigel-strips{gap:.35rem;display:flex}.rigel-strip,.rigel-master{background:#00000029;border-radius:3px;flex-direction:column;flex:none;align-items:center;gap:.7rem;width:5.2rem;padding:.6rem .3rem .7rem;display:flex;box-shadow:inset 0 0 0 1px #0000004d,inset 0 1px #ffffff0d}.rigel-master{background:#00000047;width:6.4rem;margin-left:.4rem}.rigel-strip-name{text-transform:uppercase;letter-spacing:.2em;margin:0;font-size:.6rem;font-weight:700}.rigel-knobs{gap:.5rem;display:grid}.rigel-knob{--knob-size:2rem;justify-items:center;gap:.35rem;padding-top:.15rem;display:inline-grid;position:relative}.rigel-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.rigel-knob-thumb{pointer-events:none;background:radial-gradient(circle at 32% 28%, #fff6, transparent 50%), repeating-conic-gradient(from 0deg, var(--cap) 0 4deg, var(--cap-dark) 4deg 8deg);border-radius:50%;position:absolute;inset:14%;box-shadow:0 3px 5px #00000080,inset 0 1px #ffffff59,inset 0 -2px 3px #0006,0 0 0 2px #0b0e0c}.rigel-knob[data-cap=red]{--cap:#d2432f;--cap-dark:#a32f20}.rigel-knob[data-cap=blue]{--cap:#3b78c4;--cap-dark:#2a5a98}.rigel-knob[data-cap=green]{--cap:#3fa56a;--cap-dark:#2e7e4f}.rigel-knob-thumb:after{content:"";background:#f6f2e6;border-radius:1px;width:2px;height:36%;position:absolute;top:6%;left:50%;translate:-50%}.rigel-knob-control[data-dragging] .rigel-knob-thumb{filter:brightness(1.15)}.rigel-knob-mark{pointer-events:none;position:absolute;inset:0}.rigel-knob-tick{background:var(--ink-dim);width:1px;height:4px;position:absolute;top:0;left:50%;translate:-50%}.rigel-knob-mark[data-active] .rigel-knob-tick{background:var(--amber)}.rigel-knob-label{text-transform:uppercase;letter-spacing:.18em;font-size:.5rem;font-weight:700}.rigel-keys{gap:.35rem;display:flex}.rigel-key,.rigel-play{font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(#4b5750,#2a332e);border:0;border-radius:3px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .45rem;font-size:.6rem;font-weight:700;display:inline-flex;box-shadow:0 2px #0b0e0c,inset 0 1px #ffffff2e}.rigel-key[aria-pressed=true],.rigel-play[aria-pressed=true]{translate:0 1px;box-shadow:0 1px #0b0e0c}.rigel-play{text-transform:uppercase;letter-spacing:.18em}.rigel-play:disabled{cursor:progress;opacity:.5}.rigel-key:focus-visible,.rigel-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rigel-fader-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.rigel-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.rigel-lamp{background:#3a2a10;border-radius:50%;width:.4rem;height:.4rem;box-shadow:inset 0 1px 1px #00000080}.rigel-lamp[data-on]{background:radial-gradient(circle at 40% 35%, #fff4dc, var(--lamp,var(--amber)) 55%);box-shadow:0 0 6px 1px color-mix(in oklab, var(--lamp,var(--amber)) 70%, transparent)}.rigel-key[data-kind=mute]{--lamp:#ff4a3a}.rigel-key[data-kind=solo]{--lamp:#ffd23a}.rigel-slide{justify-content:center;align-items:stretch;gap:.45rem;margin-top:auto;display:flex}.rigel-fader{display:inline-grid}.rigel-fader-control{width:2.6rem;height:var(--meter-height);position:relative}.rigel-fader-track{background:#050605;border-radius:2px;width:.22rem;height:100%;margin-inline:auto;position:relative;box-shadow:inset 0 1px 3px #000,0 0 0 3px #0b0e0c,0 1px 0 3px #ffffff1a}.rigel-fader-mark{pointer-events:none;background:var(--ink-dim);width:.5rem;height:1px;position:absolute;left:0}.rigel-fader-numeral{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:.45rem;line-height:1;position:absolute;top:50%;right:calc(100% + 1px);translate:0 -50%}.rigel-fader-thumb{background:linear-gradient(#0000 calc(50% - 1px),#f6f2e6 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(#6a6c68,#34363a 16%,#222426 60%,#121314);border-radius:3px;width:1.7rem;height:2.2rem;position:absolute;box-shadow:0 4px 6px #0009,inset 0 1px #ffffff4d,0 0 0 1px #070808}.rigel-fader-thumb:before{content:"";position:absolute;inset:-.4rem}.rigel-fader-control[data-dragging] .rigel-fader-thumb{filter:brightness(1.25)}.rigel-meter{width:auto;min-width:.55rem;height:var(--meter-height);gap:2px;display:flex}.rigel-meter-channel{background:#0b100d;border-radius:2px;width:.5rem;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000}.rigel-meter-indicator{background-color:#35d07f;background-image:linear-gradient(0deg,#35d07f 0 62%,#f0b429 78%,#ef4444 92%);background-position:bottom;background-repeat:no-repeat;background-size:100% var(--meter-height);position:absolute;-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 4px);mask-image:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 4px);-webkit-mask-position:bottom;mask-position:bottom}.rigel-meter-peak{background:#fff7e0;height:2px;position:absolute}@media (width<=639px){.rigel-cabinet{padding-inline:.5rem}.rigel{border-inline-width:.6rem;padding-inline:.5rem}}