.nova-cabinet{--panel:#2a2522;--panel-hi:#37302b;--ink:#efe8db;--ink-dim:#a39a8f;--maroon:#9d3346;--teal:#2b9a90;--led:#ff3b2f;--lcd:#b3c65a;--lcd-ink:#1d2a10;--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}.nova{box-sizing:border-box;width:min(100%,60rem);height:max-content;color:var(--ink);background:linear-gradient(180deg, var(--panel-hi), var(--panel) 30%);border-radius:4px;align-content:start;gap:1.1rem;margin-block:auto;padding:1rem 1.25rem 1.25rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000080,0 24px 50px #0009}.nova-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 1.5rem;display:flex}.nova-header{border-bottom:3px solid var(--maroon);box-shadow:0 4px 0 -1px var(--teal);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-bottom:.9rem;display:flex}.nova-name{text-transform:uppercase;letter-spacing:.22em;margin:0;font:italic 800 1.5rem/1 Helvetica Neue,Arial,sans-serif}.nova-name span{color:var(--teal)}.nova-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.24em;margin:.3rem 0 0;font-size:.62rem}.nova-lcd{background:radial-gradient(ellipse at 30% 0, #ffffdc59, transparent 60%), var(--lcd);border-radius:2px;flex:18rem;align-items:center;gap:.75rem;max-width:26rem;height:4.8rem;padding:.35rem .6rem .35rem .9rem;display:flex;box-shadow:inset 0 2px 5px #00000073,0 0 0 3px #12100e,0 1px 0 3px #ffffff14}.nova-lcd-text{flex:1;gap:.3rem;min-width:0;display:grid}.nova-lcd-line{text-overflow:ellipsis;color:var(--lcd-ink);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;margin:0;font:700 .8rem/1.1 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.nova-lcd-dim{opacity:.7}.nova-diagram{flex:none;width:5.25rem;height:4.3rem;overflow:visible}.nova-diagram line,.nova-diagram path,.nova-diagram rect{stroke:var(--lcd-ink);stroke-width:1px}.nova-diagram rect{fill:var(--lcd)}.nova-diagram rect[data-carrier]{fill:var(--lcd-ink)}.nova-diagram text{text-anchor:middle;fill:var(--lcd-ink);font:700 6.5px ui-monospace,Menlo,monospace}.nova-diagram rect[data-carrier]+text{fill:var(--lcd)}.nova-section{align-content:start;gap:.6rem;min-width:0;margin:0;display:grid}.nova-legend{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.22em;margin:0;font:700 .6rem/1 Arial Narrow,Arial,sans-serif}.nova-group{flex-wrap:wrap;align-items:flex-end;gap:.9rem;display:flex}.nova-label{color:var(--ink);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;font:700 .58rem/1 Arial Narrow,Arial,sans-serif}.nova-membranes{flex-wrap:wrap;gap:.35rem;display:flex}.nova-membrane{cursor:pointer;background:0 0;border:0;justify-items:center;gap:.35rem;padding:0;display:grid}.nova-membrane-face{color:#f6efe2;background:linear-gradient(180deg, #ffffff24, transparent 40%), var(--face,var(--teal));border-radius:2px;place-items:center;width:2.1rem;height:1.55rem;font:700 .72rem/1 Helvetica Neue,Arial,sans-serif;display:grid;box-shadow:0 0 0 2px #141110,0 3px 3px #0000008c,inset 0 1px #ffffff4d}.nova-membrane[data-color=maroon]{--face:var(--maroon)}.nova-membrane[aria-pressed=true] .nova-membrane-face{filter:brightness(.9);transform:translateY(1px);box-shadow:0 0 0 2px #141110,0 1px 1px #0000008c,inset 0 2px 3px #00000059}.nova-membrane:focus-visible{outline:none}.nova-membrane:focus-visible .nova-membrane-face,.nova-piano-key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nova-fader-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.nova-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.nova-led{background:radial-gradient(circle at 35% 30%,#5c1712,#2a0806);border-radius:50%;width:.4rem;height:.4rem;display:block;box-shadow:inset 0 1px 1px #000,0 0 0 1px #0e0c0b}.nova-led[data-on]{background:radial-gradient(circle at 35% 30%, #ffd2c4, var(--led) 50%, #a3160e);box-shadow:0 0 0 1px #0e0c0b,0 0 6px 1px #ff3b2f99}.nova-operators{flex:30rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.nova-operator{background:#00000029;border-radius:3px;align-content:start;gap:.7rem;padding:.55rem .65rem .75rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.nova-operator-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.nova-operator .nova-legend{color:var(--ink)}.nova-out{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.3rem;font:700 .5rem/1 Arial Narrow,Arial,sans-serif;display:inline-flex}.nova-operator-body{grid-template-columns:repeat(2,auto);place-items:end center;gap:.85rem .7rem;display:grid}.nova-globals{align-content:end;gap:1.1rem;display:grid}.nova-knob{--knob-size:2.4rem;justify-items:center;gap:.55rem;padding-top:.35rem;display:inline-grid;position:relative}.nova-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.nova-knob-thumb{pointer-events:none;background:radial-gradient(circle at 32% 28%, #fff3, transparent 45%), repeating-conic-gradient(from 0deg, #24201d 0 5deg, #12100e 5deg 10deg);border-radius:50%;position:absolute;inset:16%;box-shadow:0 4px 6px #0009,inset 0 1px #ffffff4d,inset 0 -2px 3px #0006,0 0 0 2px #0a0908}.nova-knob-thumb:after{content:"";background:#f4efe4;border-radius:1px;width:2px;height:34%;position:absolute;top:8%;left:50%;translate:-50%}.nova-knob-control[data-dragging] .nova-knob-thumb{filter:brightness(1.15)}.nova-knob-mark{pointer-events:none;position:absolute;inset:0}.nova-knob-tick{background:var(--ink-dim);width:1px;height:4px;position:absolute;top:0;left:50%;translate:-50%}.nova-knob-mark[data-active] .nova-knob-tick{background:var(--teal)}.nova-fader{--strip-h:4.6rem;justify-items:center;gap:.95rem;display:inline-grid}.nova-fader-control{width:1.8rem;height:var(--strip-h);position:relative}.nova-fader-track{background:#0b0908;border-radius:2px;width:.3rem;height:100%;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000,0 1px #ffffff14}.nova-fader-indicator{background:linear-gradient(180deg, #5fd0c5, var(--teal));position:absolute;left:0}.nova-fader-thumb{background:linear-gradient(#0000 calc(50% - 1px),#f4efe4 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(#4a423c,#2a2522 60%,#1c1917);border-radius:2px;width:1.5rem;height:.9rem;position:absolute;box-shadow:0 4px 5px #0009,inset 0 1px #ffffff40}.nova-fader-thumb:before{content:"";position:absolute;inset:-.5rem}.nova-fader-control[data-dragging] .nova-fader-thumb{filter:brightness(1.25)}.nova-piano{background:#0d0b0a;border-radius:3px;width:100%;height:6.5rem;padding-top:4px;display:block;position:relative;box-shadow:0 0 0 3px #3a322b,0 8px 14px #00000080}.nova-piano-key{border:0;position:absolute;top:4px}.nova-piano-key[data-color=white]{background:linear-gradient(#fbfaf7,#e2ded6);border:1px solid #1a1613;border-radius:0 0 2px 2px;height:calc(100% - 4px);box-shadow:inset 0 -5px 4px #0000001f}.nova-piano-key[data-color=black]{z-index:1;background:linear-gradient(#34302d,#080706);border-radius:0 0 2px 2px;height:60%;box-shadow:0 3px 4px #0009,inset 0 -3px 2px #ffffff1a}.nova-piano-key[data-active]{filter:brightness(.85)sepia(.3)hue-rotate(120deg)}@media (prefers-reduced-motion:no-preference){.nova-membrane-face{transition:transform 80ms linear,box-shadow 80ms linear}}@media (width<=47.99rem){.nova-cabinet{padding-inline:.5rem}.nova-operators{grid-template-columns:repeat(2,minmax(0,1fr))}}