.synth-shell.dn-root{position:fixed;inset:var(--sl-nav-height, 72px) 0 0 0;height:auto;display:flex;flex-direction:column;overflow:hidden;background:#07090d;color:#ffe8b8eb;--overlay-top: 12px;--overlay-right: 12px;--overlay-bottom: 12px;--overlay-left: 12px}.synth-body{flex:1;display:flex;min-height:0;position:relative}.synth-voices{flex:0 0 340px;display:flex;flex-direction:column;border-right:1px solid rgba(255,232,184,.14);background:#06080d;min-height:0}.synth-voices-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid rgba(255,232,184,.12);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#38bdf8f2}.voice-add{font:inherit;font-size:11px;letter-spacing:.04em;padding:3px 10px;border:1px solid rgba(56,189,248,.55);background:#38bdf81a;color:#38bdf8f2;border-radius:0;cursor:pointer;transition:background .12s ease}.voice-add:hover:not(:disabled){background:#38bdf833}.voice-add:disabled{opacity:.35;cursor:not-allowed}.synth-voices-list{flex:1;overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:9px}.synth-empty{color:#ffe8b866;font-size:12px;text-align:center;margin-top:24px}.voice-card{display:grid;grid-template-columns:92px 1fr;gap:8px 10px;border:1px solid rgba(255,232,184,.16);background:#04060b;padding:9px}.voice-left{display:flex;flex-direction:column;gap:6px;min-width:0}.voice-trend{display:block;width:92px;flex:1 1 auto;min-height:24px;background:#02040a;border:1px solid rgba(255,232,184,.1)}.voice-trend-mid{stroke:#ffe8b829;stroke-width:1}.voice-trend-line{stroke-width:1.4;opacity:.95}.voice-preview{display:block;width:92px;height:92px;flex:0 0 92px;overflow:hidden;background:#02040a;border:1px solid rgba(255,232,184,.1)}.voice-preview .glyph-output{color:#ffe8b8eb}.voice-controls{display:flex;flex-direction:column;gap:6px;min-width:0}.voice-head{display:flex;align-items:center;justify-content:space-between}.voice-head-right{display:flex;align-items:center;gap:6px}.voice-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#ffe8b8b3}.voice-color{width:18px;height:18px;padding:0;border:1px solid rgba(255,232,184,.25);background:none;cursor:pointer;border-radius:0}.voice-color::-webkit-color-swatch-wrapper{padding:0}.voice-color::-webkit-color-swatch{border:none}.voice-remove{font:inherit;line-height:1;font-size:14px;width:18px;height:18px;border:1px solid rgba(255,232,184,.2);background:transparent;color:#ffa0a0d9;border-radius:0;cursor:pointer;padding:0}.voice-remove:hover{background:#ff5a5a29;border-color:#ff787880}.voice-row{display:flex;gap:6px}.gx-toggle{display:flex}.gx-toggle-btn{flex:1;min-width:0;font:inherit;font-size:13px;line-height:1;padding:4px 0;display:flex;align-items:center;justify-content:center;background:#0d1118;color:#ffe8b88c;border:1px solid rgba(255,232,184,.18);border-left-width:0;cursor:pointer}.gx-toggle-btn:first-child{border-left-width:1px}.gx-toggle-btn:hover:not(.is-active){background:#131c28;color:#ffe8b8d9}.gx-toggle-btn.is-active{background:#38bdf833;color:#38bdf8;border-color:transparent;box-shadow:inset 0 0 0 1px #38bdf8d9;position:relative;z-index:1}.gx-select{position:relative;flex:1;min-width:0}.gx-select:after{content:"▾";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;color:#38bdf8cc;pointer-events:none}.gx-select select{width:100%;font:inherit;font-size:11px;padding:3px 18px 3px 6px;appearance:none;-webkit-appearance:none;background:#0d1118;color:#ffe8b8eb;border:1px solid rgba(255,232,184,.22);border-radius:0;cursor:pointer}.gx-select select:focus{outline:none;border-color:#38bdf8b3}.voice-slider{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;font-size:11px}.voice-slider span:first-child{color:#ffe8b8b3;letter-spacing:.02em}.voice-slider b{color:#38bdf8;font-weight:400;text-align:right;font-size:11px;font-family:inherit;padding:1px 0;margin-left:-7px;border-bottom:1px dotted rgba(255,232,184,.18)}.voice-slider-track{position:relative;padding-inline:8px}.voice-slider-track:before,.voice-slider-track:after{position:absolute;top:50%;transform:translateY(-50%);font:10px/1 ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;color:#ffe8b88c;pointer-events:none}.voice-slider-track:before{content:"[";left:0}.voice-slider-track:after{content:"]";right:0}.voice-slider input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:10px;margin:0;background:transparent;cursor:ew-resize}.voice-slider input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:0;border:1px solid rgba(255,232,184,.28);background:linear-gradient(90deg,rgba(56,189,248,.55) 0%,#38bdf8 var(--fill, 0%),rgba(255,232,184,.04) var(--fill, 0%))}.voice-slider input[type=range]::-moz-range-track{height:10px;border-radius:0;border:1px solid rgba(255,232,184,.28);background:#ffe8b80a}.voice-slider input[type=range]::-moz-range-progress{height:10px;border-radius:0;background:linear-gradient(90deg,#38bdf88c,#38bdf8)}.voice-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:10px;margin-top:0;background:#38bdf8;border:none;border-radius:0;box-shadow:2px 0 4px #38bdf899}.voice-slider input[type=range]::-moz-range-thumb{width:2px;height:10px;background:#38bdf8;border:none;border-radius:0;box-shadow:2px 0 4px #38bdf899}.synth-main{flex:1;position:relative;min-width:0}.synth-viewport{position:absolute;inset:0;overflow:hidden}.synth-viewport .glyph-output{color:#ffe8b8eb}.synth-export-bar{position:absolute;left:var(--overlay-left, 12px);bottom:var(--overlay-bottom, 12px);z-index:15;display:flex;gap:6px}.synth-export-bar .gw-code-panel__action{background:#0d1018}.synth-export-bar .gw-code-panel__action.is-active{color:#03050a;background:#38bdf8d9;border-color:#38bdf8d9}.synth-code-panel.gw-code-panel{bottom:calc(var(--overlay-bottom, 12px) + 34px);width:clamp(360px,42vw,640px);max-height:min(64vh,calc(100% - var(--overlay-top, 12px) - 34px - 12px))}@media(max-width:760px){.dn-root--synth .synth-export-bar{display:none}.dn-root--synth .synth-code-panel.gw-code-panel{top:auto;left:var(--overlay-left);right:var(--overlay-right);bottom:var(--mobile-panel-bottom);width:auto;max-width:none;max-height:none;height:min(66vh,calc(100% - var(--overlay-top) - var(--mobile-panel-bottom) - 8px));z-index:25}}.dn-floating-controls .lil-gui .dock-scope-slot{padding:var(--spacing, 5px) var(--padding, 6px) 0}.dock-scope{width:100%}.dock-scope-label{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffe8b880;margin-bottom:4px}.dock-scope-plot{display:block;width:100%;height:52px;background:#02040ad9;border:1px solid rgba(255,232,184,.16)}.dock-scope-mid{stroke:#ffe8b829;stroke-width:1}.dock-scope-voice{stroke-width:1;opacity:.4}.dock-scope-mix{stroke:#f4f0e6;stroke-width:1.6;opacity:.95}.synth-presets{flex:0 0 auto;width:100%;display:flex;gap:10px;padding:10px 12px;overflow-x:auto;border-top:1px solid rgba(255,232,184,.14);background:#06080deb}.synth-tile{flex:0 0 auto;width:104px;display:flex;flex-direction:column;padding:0;border:1px solid rgba(255,232,184,.18);background:#04060b;color:#ffe8b8b3;cursor:pointer;overflow:hidden;font:inherit;transition:border-color .12s ease,transform .12s ease}.synth-tile:hover{border-color:#38bdf8e6;transform:translateY(-2px)}.synth-tile-scene{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#02040a;pointer-events:none}.synth-tile-scene .glyph-output{color:#ffe8b8eb}.synth-tile-label{padding:3px 6px 5px;font-size:10px;text-align:center;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:62rem){.synth-voices{flex-basis:300px}}@media(max-width:760px){.dn-root--synth{--mobile-tabs-height: 52px;--mobile-panel-bottom: calc(var(--overlay-bottom) + var(--mobile-tabs-height) + 8px)}.dn-root--synth .dn-mobile-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.dn-root--synth .synth-voices{display:none;position:absolute;top:auto;left:var(--overlay-left);right:var(--overlay-right);bottom:var(--mobile-panel-bottom);flex-basis:auto;width:auto;height:min(60vh,calc(100% - var(--overlay-top) - var(--mobile-panel-bottom) - 8px));max-height:none;z-index:25;border:1px solid rgba(255,232,184,.22)}.dn-root--synth .synth-voices.is-mobile-open{display:flex}.dn-root--synth .dn-floating-controls{display:none;top:auto;right:var(--overlay-right);bottom:var(--mobile-panel-bottom);left:var(--overlay-left);width:auto;max-width:none;height:min(66vh,calc(100% - var(--overlay-top) - var(--mobile-panel-bottom) - 8px));max-height:none;padding-top:14px;overflow-y:auto;overscroll-behavior:contain;z-index:25}.dn-root--synth .dn-floating-controls.is-mobile-open{display:flex}.dn-root--synth .dn-floating-controls:before{top:7px;transform:none}.dn-root--synth .dn-floating-controls .dn-lil-gui-host,.dn-root--synth .dn-floating-controls .dn-lil-gui-host>.lil-gui.root{width:100%!important;max-width:100%}.dn-root--synth .dn-floating-controls .dn-lil-gui-host{flex:1 1 auto;min-height:0}.dn-root--synth .dn-floating-controls .dn-lil-gui-host>.lil-gui.root{box-sizing:border-box;height:auto!important;max-height:none!important;overflow-y:visible!important}.dn-root--synth .synth-presets{display:none;position:absolute;top:auto;left:var(--overlay-left);right:var(--overlay-right);bottom:var(--mobile-panel-bottom);width:auto;height:min(50vh,calc(100% - var(--overlay-top) - var(--mobile-panel-bottom) - 8px));flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;z-index:25;border:1px solid rgba(255,232,184,.22);border-radius:0}.dn-root--synth .synth-presets.is-mobile-open{display:flex}}