.library h1{margin:12px 0 9px}
.visual-library{border-top:1px solid var(--line);padding:16px 3px 14px;margin-top:2px;flex-shrink:1;min-height:150px;max-height:330px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.visual-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.visual-heading h2{font:normal 25px Georgia,serif;margin:0;letter-spacing:-.4px}
.visual-heading span{font-size:10px;color:var(--muted)}
.visual-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:5px;margin-bottom:12px}
.visual-tabs button{flex:1;min-width:0;border-radius:3px;background:none;color:var(--muted);padding:7px 3px;font-size:10px}
.visual-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--mint) 12%,var(--panel));color:var(--text)}
.visual-group{border:0;padding:0;margin:0 0 12px;min-width:0}
.visual-group:last-child{margin-bottom:0}
.visual-group legend{padding:0;margin-bottom:7px;font-size:9px;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase}
.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.visual-effects{grid-template-columns:repeat(4,minmax(0,1fr))}
.visual-card{display:flex;align-items:center;gap:8px;min-width:0;min-height:43px;padding:8px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:6px;color:var(--muted)}
.visual-card svg{height:22px;width:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.visual-card strong{font-size:10px;font-weight:500;line-height:1.3}
.visual-card[aria-pressed=true]{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 50%,var(--line));background:color-mix(in srgb,var(--mint) 9%,var(--panel))}
.visual-card[data-value=orange] svg{color:#ffa35b}
.visual-card[data-value=moss] svg{color:#b5e4cd}
.visual-card[data-value=neon] svg{color:#fc69bd}
.visual-card[data-value=bloom] svg{color:#b9a2ff}
.visual-card[data-value=ribbons] svg{color:#55e5d1}
.visual-library .visual-hint{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.visual-effects .visual-card{flex-direction:column;gap:5px;text-align:center}
.instrument-scroll{min-height:140px}
.library-footer{padding:15px 3px}
/* Short desktop windows: the cabinet grows with the page instead of spilling past its edge.
   Taller ones share the cabinet between the instruments and Visuals, which scroll inside it. */
@media(max-height:820px) and (min-width:701px){.library{max-height:none}.instrument-scroll{max-height:220px}.visual-library{max-height:none}.library-footer{padding:10px 3px}}
@media(max-width:700px){
 .visual-library{max-height:none;overflow:visible;padding:18px 0 12px;margin-top:10px}
 .visual-heading h2{font-size:23px}
 .visual-card{min-height:44px}
 .visual-effects .visual-card{flex-direction:row;justify-content:center}
 .visual-effects{grid-template-columns:repeat(2,minmax(0,1fr))}
 .instrument-scroll{min-height:0}
}

/* Orange warms the full interface; instrument colours still identify their voices. */
:root[data-theme=orange]{--bg:#1a1210;--panel:#241a14;--line:#523526;--text:#f6e7d6;--muted:#d4b496;--mint:#ffb16a;--peach:#f2c88f}
[data-theme=orange] body{background-color:var(--bg);background-image:radial-gradient(ellipse at 90% 10%,#ba561938,transparent 55%),linear-gradient(140deg,#1a0e09 12%,#321709 65%,#66310f);background-attachment:fixed}
[data-theme=orange] .masthead{background:linear-gradient(110deg,#21110b 15%,#47200e 70%,#824015)}
[data-theme=orange] .library{background:linear-gradient(165deg,#28150d 12%,#43200e 65%,#69310f)}
[data-theme=orange] :is(.quiet-button,.library-packs button,.library-filters button,.selection small,.selection button,.node-every,.node-status,.scenes span,.scenes button,.workspace-footer,.empty-voices){color:var(--muted)}
[data-theme=orange] :is(.library-packs button,.instrument,.library-filters,.cabinet-search,.motion-controls,.tool-button,.mini-button,.node-recorder,.selection,.selection .node-settings,.voice-chip,.voice-chip .chip-settings,.help-note,.workspace-footer kbd,.scenes button,.share-link,.pin-button){border-color:var(--line)}
[data-theme=orange] :is(.instrument,.presets button,.tool-button,.mini-button,.node-recorder,.motion-controls,.share-link,select option,select optgroup,.pin-button){background:#2b1d16}
[data-theme=orange] :is(.library-filters,.cabinet-search){background:#160f0c}
[data-theme=orange] :is(.library-packs button.active,.library-filters button.active,.tool-button[aria-pressed=true],.voice-chip.selected,.scenes button.filled){background:#533323;color:var(--text);border-color:#a26c44}
[data-theme=orange] :is(.instrument,.visual-card,.motion-controls){background:linear-gradient(130deg,#2b1a12,#4f2915)}
[data-theme=orange] .visual-card[aria-pressed=true]{background:linear-gradient(120deg,#4e2917,#82451e)}
[data-theme=orange] .instrument:hover{background:linear-gradient(120deg,#4c2817,#71391b)}
[data-theme=orange] .instrument.active{border-color:color-mix(in srgb,var(--voice-color) 48%,#533323);background:color-mix(in srgb,var(--voice-color) 7%,#2b1d16)}
[data-theme=orange] .instrument .add{color:#c2a68e}
[data-theme=orange] .instrument.active .add{border-color:#9d7048;color:var(--voice-color)}
[data-theme=orange] .play-button{color:#341b0d;background:linear-gradient(115deg,#e98032,#ffd097)}
[data-theme=orange] .play-button[aria-pressed=true]{background:#543222;color:var(--mint);box-shadow:inset 0 0 0 1px #a26c44}
[data-theme=orange] .pin-button[aria-pressed=true]{background:var(--mint);color:#341b0d}
[data-theme=orange] .playground{border-color:#89512e;background:radial-gradient(ellipse at 85% 85%,#c7652338,transparent 65%),radial-gradient(ellipse at 12% 15%,#e17b2520,transparent 50%),linear-gradient(135deg,#180e0a 8%,#35190d 58%,#79390f)}
[data-theme=orange] .playground:after{background-image:radial-gradient(#df98502e .65px,transparent .65px)}
[data-theme=orange] :is(.canvas-top,.empty-state .eyebrow,.empty-state p,.welcome-controls dd,.gesture-readout,.instrument-group-heading,.control-deck label>span,.motion-controls label>span,.motion-controls small,.presets span){color:var(--muted)}
[data-theme=orange] :is(.empty-state .orbit-mark,.empty-state h2 em){color:#f0bf85}
[data-theme=orange] .empty-state button{color:#eec18e;border-color:#9a7046}
[data-theme=orange] .welcome-controls{border-color:var(--line)}
[data-theme=orange] .welcome-controls dt{color:#ead1b3}
[data-theme=orange] .canvas-axis{color:#a58160}
[data-theme=orange] .canvas-axis i{background:#ba855438}
[data-theme=orange] .live-indicator i{background:#927154}
[data-theme=orange] .live-indicator i.on{background:var(--mint);box-shadow:0 0 8px #ffb16a70}
[data-theme=orange] .selection{background:#2c1e17ed}
[data-theme=orange] .voice-chip{background:#2a1c14}
[data-theme=orange] :is(.control-deck output,select,.presets button,.tool-button,.mini-button){color:#ead1b3}
[data-theme=orange] select{border-color:#8c5b38}
[data-theme=orange] input[type=range]{background:#70482d}
[data-theme=orange] input[type=range]::-webkit-slider-thumb{background:#ffc48b;border-color:#39251a;box-shadow:0 0 0 1px #ad784d}
[data-theme=orange] input[type=range]::-moz-range-thumb{background:#ffc48b;border-color:#39251a}
[data-theme=orange] :is(.instrument-scroll,.active-voices){scrollbar-color:#8a5c3b transparent}
[data-theme=orange] .perform-exit{background:#2b1d16dd;border-color:var(--line);color:var(--text)}
[data-theme=orange] .input-meter{background:#533323}
[data-theme=orange] .workspace-footer i{background:#d2975f}
[data-theme=orange] #toast{background:#efd2af;color:#342113}
[data-theme=orange] dialog{background:#2a1d16;border-color:#9c6d47}
[data-theme=orange] dialog::backdrop{background:#170c07d9}
[data-theme=orange] :is(dialog p,dialog li,.dialog-close){color:#d2b89c}
[data-theme=orange] dialog strong{color:var(--text)}