.luma-cabinet{--panel:#4b5741;--panel-hi:#5d6a51;--ink:#f0ead6;--ink-dim:#c4c1a6;--amber:#ffb347;--jewel:#e0352b;--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}.luma{box-sizing:border-box;width:min(100%,44rem);height:max-content;color:var(--ink);background:radial-gradient(circle at 30% 30%, #ffffff12 0 2px, transparent 3px) 0 0 / 11px 11px, radial-gradient(circle at 70% 70%, #0000001a 0 2px, transparent 3px) 5px 6px / 13px 13px, linear-gradient(170deg, var(--panel-hi), var(--panel) 45%, #3f4937);border-radius:10px;align-content:start;gap:1.25rem;margin-block:auto;padding:1.1rem 1.4rem 1.25rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -3px #00000059,0 0 0 2px #22281e,0 24px 50px #0000008c}.luma-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.luma-name{text-transform:uppercase;letter-spacing:.3em;margin:0;font:800 1.5rem/1 Arial Narrow,Arial,sans-serif}.luma-name span{color:var(--amber)}.luma-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.24em;margin:.3rem 0 0;font-size:.65rem}.luma-transport{align-items:center;gap:.75rem;display:flex}.luma-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2rem;display:flex}.luma-controls{flex:16rem;gap:1.4rem;display:grid}.luma-section{align-content:start;gap:.9rem;min-width:0;margin:0;display:grid}.luma-legend{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.22em;align-items:center;gap:.6rem;margin:0;font:700 .6rem/1 Arial Narrow,Arial,sans-serif;display:flex}.luma-legend:after{content:"";background:color-mix(in oklab, var(--ink) 35%, transparent);flex:1;height:1px}.luma-group{flex-wrap:wrap;align-items:flex-end;gap:1.2rem 1.6rem;display:flex}.luma-group>.luma-section{flex:auto}.luma-window{--glow:.5;aspect-ratio:1;background:linear-gradient(145deg,#f2f4f1,#9aa19a 45%,#e3e6e2 60%,#6e756f);border-radius:50%;flex:none;width:13rem;padding:.55rem;box-shadow:0 4px 8px #00000080,inset 0 1px #ffffffb3}.luma-box{background:radial-gradient(circle,#1d1a16,#070605 75%);border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 4px 10px #000}.luma-halo{opacity:calc(.05 + var(--glow) * .4);filter:blur(12px);fill:var(--amber)}.luma-cell-can{fill:#2a2622;stroke:#0e0c0a;stroke-width:1px}.luma-cell-face{fill:color-mix(in oklab, #e08a3c calc(30% + var(--glow) * 45%), #3a2414);stroke:#8f8a80;stroke-width:1.5px}.luma-cell-track{fill:none;stroke:#1b120a;stroke-width:1.2px;stroke-linejoin:round}.luma-socket{fill:#6e6a63;stroke:#2a2724}.luma-bulb{fill:color-mix(in oklab, #ffd98a calc(var(--glow) * 70%), #ffffff14);stroke:#ffffff59;stroke-width:1px}.luma-post{stroke:#8a857c;stroke-width:1.5px}.luma-filament{fill:none;stroke:color-mix(in oklab, #fff3c4 calc(var(--glow) * 100%), #6b3b14);stroke-width:1.6px;stroke-linejoin:round}.luma-glare{fill:#ffffff73}.luma-knob{--knob-size:3rem;justify-items:center;gap:1rem;padding-top:.9rem;display:inline-grid;position:relative}.luma-knob[data-size=lg]{--knob-size:4.25rem}.luma-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.luma-knob-thumb{pointer-events:none;background:radial-gradient(circle at 50% 50%, transparent 62%, #00000059 63% 65%, transparent 66%), radial-gradient(circle at 32% 26%, #ffffff40, transparent 40%), radial-gradient(circle, #1c1b19 0 62%, transparent 63%), repeating-conic-gradient(from 0deg, #eef0ed 0 5deg, #8d948e 5deg 10deg);border-radius:50%;position:absolute;inset:12%;box-shadow:0 6px 8px #0000008c,inset 0 1px #fff6,0 0 0 2px #262b22}.luma-knob-thumb:after{content:"";background:#f6f2e6;border-radius:2px;width:3px;height:30%;position:absolute;top:12%;left:50%;translate:-50%}.luma-knob-control[data-dragging] .luma-knob-thumb{filter:brightness(1.12)}.luma-knob-mark{pointer-events:none;position:absolute;inset:0}.luma-knob-tick{background:var(--ink-dim);width:1px;height:5px;position:absolute;top:-2px;left:50%;translate:-50%}.luma-knob-mark[data-active] .luma-knob-tick{background:var(--amber)}.luma-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.15rem;left:50%;translate:-50%}.luma-label{color:var(--ink);text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;font:700 .62rem/1 Arial Narrow,Arial,sans-serif}.luma-lamp{background:radial-gradient(circle at 35% 30%,#5a3a10,#2a1a08);border-radius:50%;width:.55rem;height:.55rem;display:block;box-shadow:inset 0 1px 2px #000,0 0 0 2px #22281e}.luma-lamp[data-on]{background:radial-gradient(circle at 35% 30%, #fff3c4, var(--amber) 45%, #b8680a);box-shadow:0 0 0 2px #22281e,0 0 7px 2px #ffb34799}.luma-selector{flex-wrap:wrap;gap:.4rem;display:flex}.luma-choice{color:#23271f;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:linear-gradient(#f4f5f2,#b9beb8 60%,#9ca29b);border:0;border-radius:3px;align-items:center;gap:.45rem;padding:.45rem .65rem;font:700 .62rem/1 Arial Narrow,Arial,sans-serif;display:inline-flex;box-shadow:0 0 0 2px #22281e,0 3px 4px #00000073,inset 0 1px #fff}.luma-choice[aria-pressed=true]{background:linear-gradient(#a9aea8,#d3d7d1);transform:translateY(1px);box-shadow:0 0 0 2px #22281e,0 1px 1px #00000073,inset 0 2px 3px #00000040}.luma-choice:disabled{cursor:default;opacity:.55}.luma-foot{border-top:1px solid color-mix(in oklab, var(--ink) 25%, transparent);justify-content:center;padding-top:1rem;display:flex}.luma-footswitch{color:var(--ink);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.6rem;padding:0;font:700 .62rem/1 Arial Narrow,Arial,sans-serif;display:grid}.luma-jewel{background:radial-gradient(circle at 35% 30%,#6a1d18,#2c0907);border-radius:50%;width:1rem;height:1rem;box-shadow:inset 0 1px 2px #000,0 0 0 3px #b8bdb7,0 0 0 4px #22281e}.luma-jewel[data-on]{background:radial-gradient(circle at 35% 30%, #ffd0c6, var(--jewel) 45%, #8f140d);box-shadow:0 0 0 3px #b8bdb7,0 0 0 4px #22281e,0 0 10px 3px #e0352b8c}.luma-stomp{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #fff, transparent 35%), repeating-conic-gradient(from 0deg, #e8ebe7 0 6deg, #9aa19b 6deg 12deg);border-radius:50%;width:2.6rem;box-shadow:0 0 0 3px #2a2f26,0 5px 7px #0000008c,inset 0 -2px 3px #0000004d}.luma-footswitch:active .luma-stomp{transform:translateY(2px);box-shadow:0 0 0 3px #2a2f26,0 2px 3px #0000008c,inset 0 -1px 2px #0000004d}.luma-choice:focus-visible,.luma-footswitch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.luma-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.luma-choice,.luma-stomp{transition:transform 80ms linear,box-shadow 80ms linear}}@media (width<=47.99rem){.luma-cabinet{padding-inline:.5rem}}