.deneb-cabinet{--panel:#4b1d20;--panel-hi:#5d2629;--ink:#f1e8d2;--ink-dim:#c4a88f;--brass:#d6aa58;--lamp:#ffb347;--dial:#efe5c8;--dial-ink:#2a1f1a;--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}.deneb{box-sizing:border-box;width:min(100%,58rem);height:max-content;color:var(--ink);background:repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--panel-hi), var(--panel));border-inline:1.5rem solid #1c1a1b;border-radius:4px;align-content:start;gap:1.1rem;margin-block:auto;padding:1rem 1.25rem 1.3rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0006,0 24px 50px #0000008c}.deneb:before,.deneb:after{pointer-events:none;content:"";background:radial-gradient(circle at 35% 30%,#d9dadd,#6f7075);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:50%;translate:0 -50%;box-shadow:inset 0 0 0 2px #1c1a1b,0 0 0 1px #000}.deneb:before{left:-1.1rem}.deneb:after{right:-1.1rem}.deneb-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.deneb-name{letter-spacing:.24em;margin:0;font-size:1.5rem;font-weight:800;line-height:1}.deneb-name span{color:var(--brass)}.deneb-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.32em;margin:.35rem 0 0;font-size:.58rem}.deneb-transport{align-items:center;gap:1.2rem;display:flex}.deneb-lamp{background:#4a2a10;border-radius:50%;width:.55rem;height:.55rem;box-shadow:inset 0 1px 1px #0000008c}.deneb-lamp[data-on]{background:radial-gradient(circle at 40% 35%, #fff4dc, var(--lamp) 55%);box-shadow:0 0 7px 1px #ffb347b3}.deneb-selector{gap:.4rem;display:flex}.deneb-rocker{min-width:2.8rem;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.45rem;padding:0;font:700 .6rem/1 Arial Narrow,Arial,sans-serif;display:grid}.deneb-rocker:after{content:"";background:linear-gradient(#f2eee2 0 48%,#a39d8f 52%);border-radius:3px;order:1;width:1.5rem;height:1.7rem;box-shadow:0 0 0 3px #1c1213,0 4px 5px #0000008c,inset 0 1px #fff}.deneb-rocker[aria-pressed=true]:after{background:linear-gradient(#a39d8f 0 52%,#f2eee2 56%);box-shadow:0 0 0 3px #1c1213,0 1px 2px #0009,inset 0 -1px #fff}.deneb-rocker .deneb-lamp{order:0}.deneb-play{color:var(--ink);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#4a3d3a,#2a2120);border:0;border-radius:4px;align-items:center;gap:.6rem;padding:.6rem 1.1rem;font:700 .65rem/1 Arial Narrow,Arial,sans-serif;display:inline-flex;box-shadow:0 3px #0d0808,0 5px 6px #00000080,inset 0 1px #ffffff2e}.deneb-play[aria-pressed=true]{translate:0 2px;box-shadow:0 1px #0d0808,inset 0 2px 6px #0009}.deneb-play:disabled{cursor:progress;opacity:.5}.deneb-rocker:focus-visible,.deneb-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.deneb-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.deneb-window{flex-wrap:wrap;align-items:stretch;gap:1rem;margin-bottom:.9rem;display:flex}.deneb-tape{background:linear-gradient(115deg,#ffffff12 0 12%,#0000 12%),#0b0707;border-radius:6px;flex:22rem;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex;position:relative;box-shadow:inset 0 3px 10px #000,0 0 0 4px #1c1213,0 1px 0 4px #ffffff1a}.deneb-tape-path{background:#6a4a35;flex:1;height:2px;margin-inline:-.4rem;box-shadow:0 0 0 1px #00000080}.deneb-reel{aspect-ratio:1;background:radial-gradient(circle,#0000 0 33%,#170d09 33% 36%,#0000 36%),radial-gradient(circle,#3a261b 0 100%);border-radius:50%;flex:none;width:6.2rem;position:relative;box-shadow:0 0 0 3px #1c1213,0 3px 8px #0009}.deneb-reel-wheel{animation:deneb-turn var(--turn,2s) linear infinite;animation-play-state:paused;position:absolute;inset:0}.deneb-reel[data-playing] .deneb-reel-wheel{animation-play-state:running}.deneb-reel-spoke{transform-origin:50% 100%;background:linear-gradient(90deg,#8c8d92,#e2e3e6 45%,#8c8d92);border-radius:.3rem .3rem 0 0;width:.9rem;height:33%;position:absolute;top:17%;left:calc(50% - .45rem)}.deneb-reel-hub{background:radial-gradient(circle at 35% 30%,#fff,#b0b2b7 45%,#6a6b70);border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;top:calc(50% - .8rem);left:calc(50% - .8rem);box-shadow:0 0 0 2px #1c1213}@keyframes deneb-turn{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.deneb-reel-wheel{animation:none}}.deneb-meters{flex:2 22rem;gap:.8rem;display:flex}.deneb-meter{flex:1;min-width:0;margin:0;display:grid;position:relative}.deneb-meter>figcaption{text-align:center;text-transform:uppercase;letter-spacing:.24em;font-size:.55rem;font-weight:700;position:absolute;top:calc(100% + .6rem);left:0;right:0}.deneb .deneb-vu{max-width:none;min-height:7rem;color:var(--dial-ink);background:radial-gradient(ellipse at 50% 115%, #f9f1d8, var(--dial) 60%, #d9cba4);border:0;border-radius:6px 6px 3px 3px;gap:0;margin:0;padding:.5rem .6rem .35rem;display:block;box-shadow:inset 0 2px 8px #00000059,0 0 0 4px #1c1213,0 1px 0 4px #ffffff1a}.deneb .deneb-vu svg{display:block}.deneb .deneb-vu svg path{stroke:var(--dial-ink)}.deneb .deneb-vu svg path:nth-of-type(2){stroke:#b5301f}.deneb .deneb-vu svg line{stroke:var(--dial-ink)}.deneb .deneb-vu svg line[class*=destructive]{stroke:#b5301f}.deneb .deneb-vu svg line[class*=primary]{filter:drop-shadow(1px 2px 1px #00000059);stroke:#1a1110}.deneb .deneb-vu svg text{fill:var(--dial-ink);font-size:8px;font-weight:700}.deneb .deneb-vu svg text[class*=destructive]{fill:#b5301f}.deneb .deneb-vu svg rect{fill:#1a1110}.deneb .deneb-vu figcaption{color:#6a5642;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:.5rem;display:flex}.deneb-knobs{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem .5rem;padding-top:.4rem;display:flex}.deneb-knob{--knob-size:3.4rem;justify-items:center;gap:1rem;padding-top:.9rem;display:inline-grid;position:relative}.deneb-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.deneb-knob-thumb{pointer-events:none;background:radial-gradient(circle at 32% 28%, #ffffffbf, transparent 48%), repeating-conic-gradient(from 0deg, #dcdde0 0 4deg, #9fa1a6 4deg 8deg);border-radius:50%;position:absolute;inset:12%;box-shadow:0 6px 8px #0009,inset 0 1px #fff9,inset 0 -3px 4px #00000059,0 0 0 3px #150c0d}.deneb-knob-thumb:after{content:"";background:#1a1110;border-radius:2px;width:3px;height:32%;position:absolute;top:7%;left:50%;translate:-50%}.deneb-knob-control[data-dragging] .deneb-knob-thumb{filter:brightness(1.1)}.deneb-knob-mark{pointer-events:none;position:absolute;inset:0}.deneb-knob-tick{background:var(--ink-dim);width:1px;height:5px;position:absolute;top:0;left:50%;translate:-50%}.deneb-knob-mark[data-active] .deneb-knob-tick{background:var(--brass)}.deneb-knob-numeral{font-variant-numeric:tabular-nums;color:var(--ink-dim);rotate:calc(var(--knob-mark-angle) * -1);font-size:.6rem;line-height:1;position:absolute;top:-1.1rem;left:50%;translate:-50%}.deneb-knob-label{text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;font-weight:700}@media (width<=639px){.deneb-cabinet{padding-inline:.5rem}.deneb{border-inline-width:.9rem;padding-inline:.75rem}.deneb:before,.deneb:after{display:none}.deneb-knobs{justify-content:space-around}}