.lumen-page{width:min(100% - 48px,1000px);padding-bottom:var(--sp-12);margin:0 auto}.lumen-heading{max-width:68ch;margin:var(--sp-8) 0 var(--sp-12)}.lumen-heading>*{margin:0}.lumen-heading .rf-label{margin-bottom:var(--sp-3)}.lumen-heading .h1{margin-bottom:var(--sp-4)}.lumen-heading .lede{max-width:58ch}.lumen-instrument{width:100%}.lumen-instrument-heading{justify-content:space-between;align-items:end;gap:var(--sp-4);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.lumen-instrument-heading h2,.lumen-instrument-heading p{margin:0}.lumen-instrument-heading .rf-label{margin-bottom:var(--sp-2)}.lumen-figure{width:min(100%,720px);margin:0 auto var(--sp-8)}.lumen-portal-shell{aspect-ratio:1;background:conic-gradient(from 210deg, var(--spec-red), var(--spec-yellow), var(--spec-violet), var(--spec-orange), var(--spec-green), var(--spec-red));border-radius:50%;width:min(100%,640px);margin:0 auto;padding:4px}.lumen-stage{border:var(--rule-w) solid var(--ink);border-radius:50%;width:100%;height:100%;overflow:hidden}.lumen-stage:after{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff4d;border-radius:50%;position:absolute;inset:1.5%;box-shadow:inset 0 0 22px #00000047}.lumen-canvas-host{z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.lumen-canvas-host canvas{width:100%;height:100%;display:block}.lumen-canvas-host{touch-action:none;cursor:crosshair}.lumen-canvas-host:focus-visible{outline:3px solid var(--focus);outline-offset:-7px}.lumen-still-note{z-index:3;inset:50% var(--sp-8) auto;color:var(--white-fixed);font:400 15px/1.5 var(--font-mono);text-align:center;margin:0;position:absolute;transform:translateY(-50%)}.lumen-stage-readout{justify-content:space-between;align-items:center;gap:var(--sp-3);width:min(100%,640px);margin:var(--sp-3) auto 0;color:var(--ink-2);font:400 13px/1.5 var(--font-mono);display:flex}.lumen-caption{margin-top:var(--sp-2);color:var(--muted);font:400 13px/1.5 var(--font-mono)}.lumen-controls{gap:var(--sp-8);grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);margin:0 auto;display:grid}.lumen-control-group{border:0;min-width:0;margin:0;padding:0}.lumen-control-group legend{margin-bottom:var(--sp-4);color:var(--ink-2);font:500 15px/1.4 var(--font-sans)}.lumen-preset-row{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.lumen-preset-row .rf-btn{min-height:40px;padding:0 var(--sp-3);font-size:13px}.lumen-preset-row [aria-pressed=true]{background:var(--ink);color:var(--paper)}.lumen-field{gap:var(--sp-2);min-width:0;color:var(--ink);font:var(--text-label);display:grid}.lumen-field>span{justify-content:space-between;gap:var(--sp-2);display:flex}.lumen-field output{color:var(--muted);font:400 13px/1.4 var(--font-mono)}.lumen-field select,.lumen-field input[type=file]{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--paper-2);color:var(--ink);font:400 14px/1.4 var(--font-sans);border:0}.lumen-field input[type=range]{width:100%;margin:var(--sp-1) 0;accent-color:var(--text-violet)}.lumen-field :focus-visible,.lumen-audio-player:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lumen-range-grid{gap:var(--sp-4) var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lumen-audio-group{padding-left:var(--sp-6);border-left:var(--rule-w-soft) solid var(--rule-soft)}.lumen-audio-player{width:100%;margin:var(--sp-3) 0;display:block}.lumen-audio-player[hidden]{display:none}.lumen-audio-actions{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.lumen-audio-actions>[hidden]{display:none}.lumen-audio-actions .rf-btn{min-height:40px;padding:0 var(--sp-3);font-size:13px}.lumen-audio-status{min-height:1.5em;margin:var(--sp-4) 0 var(--sp-2);color:var(--ink-2);font:400 13px/1.5 var(--font-mono)}.lumen-audio-note{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.lumen-midi-controls{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:var(--rule-w-soft) solid var(--rule-soft)}.lumen-midi-controls>.rf-label{margin:0 0 var(--sp-2)}.lumen-midi-status{min-height:1.5em;margin:var(--sp-3) 0 var(--sp-2);color:var(--ink-2);font:400 13px/1.5 var(--font-mono)}.lumen-midi-note{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.lumen-about{margin:var(--sp-16) 0 0}.lumen-about h2{margin-top:0}.lumen-about p{max-width:68ch}.border-home--workspace .border-content-inner>.lumen-page{max-width:1200px;margin-inline:0 auto}@media (width>=1000px){.lumen-heading{margin:0 0 var(--sp-6)}.lumen-heading .rf-label,.lumen-heading .h1{margin-bottom:var(--sp-2)}.lumen-heading .lede{font-size:18px;line-height:1.5}.lumen-instrument{align-items:start;gap:var(--sp-4) var(--sp-8);grid-template-columns:minmax(0,1fr) minmax(360px,1fr);display:grid}.lumen-instrument-heading{grid-column:1/-1;margin-bottom:0}.lumen-instrument-heading h2{font:var(--text-h3)}.lumen-figure{grid-area:2/1;width:100%;margin:0}.lumen-portal-shell{width:min(100%,38dvh,480px)}.lumen-controls{display:contents}.lumen-controls>.lumen-control-group:first-child{grid-area:2/2}.lumen-control-group legend{margin-bottom:var(--sp-2)}.lumen-preset-row{gap:var(--sp-1);margin-bottom:var(--sp-3)}.lumen-range-grid{gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-2)}.lumen-audio-group{gap:var(--sp-6);margin-top:var(--sp-6);padding:var(--sp-4) 0 0;border-left:0;border-top:var(--rule-w-soft) solid var(--rule-soft);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lumen-audio-group legend{padding:0 var(--sp-2) 0 0}.lumen-midi-controls{border-top:0;margin:0;padding:0}}@media (width<=700px){.lumen-page{width:min(100% - 32px,1000px)}.lumen-controls{gap:var(--sp-8);grid-template-columns:1fr}.lumen-audio-group{border-left:0;padding-left:0}}@media (width<=480px){.lumen-page{width:min(100% - 24px,1000px)}.lumen-range-grid{grid-template-columns:1fr}.lumen-preset-row .rf-btn{flex:1 1 calc(50% - var(--sp-2))}}@media (prefers-reduced-motion:reduce){.lumen-instrument *,.lumen-instrument :before,.lumen-instrument :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}