.vesta-cabinet{--plate:#3f7a78;--plate-hi:#4e8f8c;--ink:#0f1f1f;--ink-dim:#1f4747;--red:#ff9a2e;--orange:#ff9a2e;--yellow:#ffd35a;--cream:#f1ecdc;--led:#ffb13d;--focus:#0f1f1f;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;container-type:inline-size}.vesta{box-sizing:border-box;width:min(100%,60rem);height:max-content;color:var(--ink);background:linear-gradient(180deg, var(--plate-hi), var(--plate));border:.5rem solid #1b1816;border-radius:6px;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 #ffffff80,inset 0 -2px #0000002e,0 24px 50px #0000008c}.vesta-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.vesta-name{letter-spacing:.22em;margin:0;font-size:1.5rem;font-weight:800;line-height:1}.vesta-name span{color:var(--red)}.vesta-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.3em;margin:.3rem 0 0;font-size:.55rem}.vesta-tagline:after{content:"";background:linear-gradient(90deg, var(--red) 0 25%, var(--orange) 25% 50%, var(--yellow) 50% 75%, var(--cream) 75% 100%);border-radius:1px;width:5.2rem;height:.3rem;margin-top:.35rem;display:block}.vesta-lcd-bar{flex:14rem;align-items:stretch;gap:.4rem;max-width:20rem;display:flex}.vesta-lcd{background:#1a0d0b;border-radius:3px;flex:1;align-content:center;min-width:0;padding:.35rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;display:grid;box-shadow:inset 0 2px 5px #000c,0 0 0 2px #00000040}.vesta-lcd-line{text-overflow:ellipsis;color:#ff6a4a;white-space:nowrap;text-shadow:0 0 6px #ff50328c;margin:0;font-size:.72rem;font-weight:700;line-height:1.35;overflow:hidden}.vesta-lcd-dim{color:#b2402c;text-shadow:none}.vesta-lcd-button{width:1.9rem;color:var(--cream);cursor:pointer;background:linear-gradient(#4a4540,#2b2825);border:0;border-radius:3px;place-items:center;display:grid;box-shadow:0 2px #0e0d0c,inset 0 1px #ffffff2e}.vesta-lcd-button:active{translate:0 1px;box-shadow:0 1px #0e0d0c}.vesta-lamp{background:#5b1b14;border-radius:50%;width:.55rem;height:.55rem;box-shadow:inset 0 1px 1px #00000080}.vesta-lamp[data-on]{background:radial-gradient(circle at 40% 35%, #fff2ee, var(--led) 55%);box-shadow:0 0 6px 1px #ff3b2ab3,inset 0 0 2px #fff9}.vesta-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 1rem;display:flex}.vesta-section{border:1px solid #00000047;border-radius:3px;gap:.4rem;padding:.9rem .9rem .2rem;display:grid;position:relative}.vesta-legend{text-transform:uppercase;letter-spacing:.24em;background:var(--plate);margin:0;padding:0 .35rem;font-size:.55rem;font-weight:700;position:absolute;top:0;left:.7rem;translate:0 -50%}.vesta-group{gap:.75rem;display:flex}.vesta-knob{--knob-size:2.75rem;justify-items:center;gap:.9rem;padding-top:.9rem;display:inline-grid;position:relative}.vesta-knob[data-size=lg]{--knob-size:3.5rem}.vesta-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.vesta-knob-thumb{pointer-events:none;background:radial-gradient(circle at 32% 28%, #ffffff40, transparent 45%), repeating-conic-gradient(from 0deg, #26221f 0 4deg, #131110 4deg 8deg);border-radius:50%;position:absolute;inset:12%;box-shadow:0 5px 7px #00000073,inset 0 1px #ffffff4d,inset 0 -3px 4px #0006,0 0 0 3px #0a0908}.vesta-knob-thumb:after{content:"";background:#f4f1ea;border-radius:2px;width:3px;height:32%;position:absolute;top:7%;left:50%;translate:-50%}.vesta-knob-control[data-dragging] .vesta-knob-thumb{filter:brightness(1.15)}.vesta-knob-mark{pointer-events:none;position:absolute;inset:0}.vesta-knob-tick{background:var(--ink-dim);width:1px;height:5px;position:absolute;top:0;left:50%;translate:-50%}.vesta-knob-mark[data-active] .vesta-knob-tick{background:var(--red)}.vesta-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%}.vesta-knob-label{text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;font-weight:700}.vesta-selector{gap:.4rem;padding-bottom:.8rem;display:flex}.vesta-rocker{min-width:2.6rem;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}.vesta-rocker:after{content:"";background:linear-gradient(#f6f1e0 0 48%,#a39d8a 52%);border-radius:3px;order:1;width:1.45rem;height:1.6rem;box-shadow:0 0 0 3px #0c1717,0 4px 5px #0006,inset 0 1px #fff}.vesta-rocker[aria-pressed=true]:after{background:linear-gradient(#a39d8a 0 52%,#f6f1e0 56%);box-shadow:0 0 0 3px #0c1717,0 1px 2px #00000080,inset 0 -1px #fff}.vesta-rocker .vesta-lamp{order:0}.vesta-body{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:1.25rem;display:grid}.vesta-controls{gap:1.1rem;min-width:0;display:grid}.vesta-group{flex-wrap:wrap;gap:.75rem;display:flex}.vesta-machine{flex-wrap:wrap;gap:1rem;display:flex}.vesta-transport{flex-wrap:wrap;gap:.6rem;display:flex}.vesta-key{font:inherit;color:var(--cream);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;background:linear-gradient(#46524f,#232a29);border:0;border-radius:3px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.62rem;font-weight:700;display:inline-flex;box-shadow:0 3px #070b0b,inset 0 1px #ffffff2e}.vesta-key:active,.vesta-key[aria-pressed=true]{translate:0 2px;box-shadow:0 1px #070b0b}.vesta-key:focus-visible,.vesta-rocker:focus-visible,.vesta-pad:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vesta-deck{gap:.8rem;display:grid}.vesta-pads{background:#00000024;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.6rem;display:grid;box-shadow:inset 0 1px 3px #0006}.vesta-pad{aspect-ratio:1;text-align:left;touch-action:none;cursor:pointer;background:radial-gradient(circle at 50% 30%,#3b3f3e,#161918 70%);border:0;border-radius:6px;align-content:end;padding:.35rem .4rem;transition:translate 50ms;display:grid;position:relative;box-shadow:0 3px #050707,0 5px 6px #0006,inset 0 1px #ffffff1f}.vesta-pad:disabled{cursor:progress;opacity:.6}.vesta-pad-number{font-variant-numeric:tabular-nums;color:#7b817f;font-size:.55rem;font-weight:700;position:absolute;top:.35rem;left:.45rem}.vesta-pad-name{color:#d8d2c0;text-transform:uppercase;letter-spacing:.1em;font-size:.55rem;font-weight:700}.vesta-pad[data-selected] .vesta-pad-number{color:var(--led)}.vesta-pad[data-active]{background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--led) calc(var(--pad-velocity,1) * 70%), #3b3f3e), #161918 75%);translate:0 2px;box-shadow:0 1px #050707,0 0 14px #ffb13d8c,inset 0 1px #ffffff1f}.vesta-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.vesta-step{background:#00000024;border-radius:2px;place-items:center;height:1.3rem;display:grid}.vesta-step[data-beat]{background:#00000042}.vesta-step[data-current]{outline:2px solid var(--cream);outline-offset:-2px}.vesta-step[data-on] .vesta-lamp{background:radial-gradient(circle at 40% 35%, #fff4dc, var(--led) 55%);box-shadow:0 0 6px 1px #ffb13db3}@container (width<=50rem){.vesta-body{grid-template-columns:minmax(0,1fr)}.vesta-pads{width:min(100%,24rem);margin-inline:auto}}@media (width<=639px){.vesta-cabinet{padding-inline:.5rem}.vesta{padding-inline:.75rem}}