.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-footer-height: 146px}.synth-body{flex:1;display:flex;min-height:0;position:relative}@media(min-width:761px){.synth-shell.dn-root{--overlay-bottom: calc(var(--synth-footer-height) + 12px)}}.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-block:0;border-inline:1px solid rgba(56,189,248,.55);--gx-bracket: rgba(56, 189, 248, .55);background-color:#38bdf81a;color:#38bdf8f2;border-radius:0;cursor:pointer;transition:background .12s ease}.voice-add:hover:not(:disabled){background-color:#38bdf833}.voice-add:disabled{opacity:.35;cursor:not-allowed}.synth-voices-head-actions{display:flex;align-items:center;gap:6px}.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}.layer-group{border:1px solid rgba(255,232,184,.16);background:#030509}.layer-group-head{display:flex;align-items:center;gap:6px;padding:6px 9px;background:#070a10}.layer-group-head:hover{background:#0c111a}.layer-group-toggle{display:flex;align-items:center;gap:6px;flex:0 0 auto;font:inherit;text-align:left;cursor:pointer;padding:0;background:transparent;border:0;color:#38bdf8f2}.layer-group-caret{font-size:9px;color:#ffe8b88c;width:8px}.layer-group-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.layer-group-head-select{flex:1 1 0;min-width:0}.layer-group-head-select select{font-size:10px;padding:2px 15px 2px 5px;text-overflow:ellipsis}.layer-group-head-select:after{font-size:8px;right:5px}.layer-group-body{display:flex;flex-direction:column;gap:8px;padding:9px;border-top:1px solid rgba(255,232,184,.12)}.layer-group-controls{display:grid;grid-template-columns:max-content max-content max-content 1fr 34px;align-items:center;row-gap:5px;column-gap:7px}.layer-group-row{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:7px;font-size:11px}.layer-group-row span:first-child{color:#ffe8b8b3;letter-spacing:.02em}.layer-group-row2,.layer-group-row2 .layer-group-check--compact{display:contents}.layer-group-row2 .layer-group-check--compact span{grid-column:1;justify-self:end}.layer-group-row2 .layer-group-check--compact input[type=checkbox]{grid-column:2}.layer-group-row2 .layer-group-mix{grid-column:3 / 6;grid-template-columns:subgrid}.layer-group-row2 .layer-group-threshold-slider{grid-column:4 / 6;grid-template-columns:subgrid}.layer-group-threshold-slider--off{opacity:.35}.layer-group-threshold-slider--off input[type=range]{cursor:not-allowed}.layer-group-check{display:flex;align-items:center;gap:5px;font-size:11px;color:#ffe8b8b3;cursor:pointer}.layer-group-check--compact{flex:0 0 auto;gap:4px;white-space:nowrap}.layer-group-check input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:16px;margin:0;cursor:pointer;position:relative;flex-shrink:0}.layer-group-check input[type=checkbox]:before{content:"[ ]";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:10px;color:#ffe8b873;pointer-events:none;line-height:1}.layer-group-check input[type=checkbox]:hover:before{color:#ffe8b8bf}.layer-group-check input[type=checkbox]:focus-visible{outline:1px solid rgba(56,189,248,.6);outline-offset:2px}.layer-group-check input[type=checkbox]:checked:before{content:"[x]";color:#38bdf8}.layer-group-check input[type=checkbox]:checked:hover:before{color:#7dd3fc}.layer-group-voices{display:flex;flex-direction:column;gap:9px}.layer-group-add{align-self:flex-start;font:inherit;font-size:10px;letter-spacing:.04em;padding:3px 8px;border-block:0;border-inline:1px solid rgba(56,189,248,.4);--gx-bracket: rgba(56, 189, 248, .4);background-color:#38bdf814;color:#38bdf8e6;border-radius:0;cursor:pointer;transition:background .12s ease}.layer-group-add:hover:not(:disabled){background-color:#38bdf82e}.layer-group-add:disabled{opacity:.35;cursor:not-allowed}.color-stack{border:1px solid rgba(244,114,182,.28);background:#090509}.color-stack-head{display:flex;align-items:center;gap:6px;padding:6px 9px}.color-stack-check{display:flex;align-items:center;gap:6px;flex:0 0 auto;cursor:pointer;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f472b6f2}.color-stack-check input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:16px;margin:0;cursor:pointer;position:relative;flex-shrink:0}.color-stack-check input[type=checkbox]:before{content:"[ ]";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:10px;color:#f472b680;pointer-events:none;line-height:1}.color-stack-check input[type=checkbox]:hover:before{color:#f472b6d9}.color-stack-check input[type=checkbox]:focus-visible{outline:1px solid rgba(244,114,182,.7);outline-offset:2px}.color-stack-check input[type=checkbox]:checked:before{content:"[x]";color:#f472b6}.color-stack-check input[type=checkbox]:checked:hover:before{color:#fb9fd0}.color-stack-head-select{flex:1 1 0;min-width:0}.color-stack-head-select select{font-size:10px;padding:2px 15px 2px 5px;text-overflow:ellipsis}.color-stack-head-select:after{font-size:8px;right:5px}.color-stack-body{display:flex;flex-direction:column;gap:8px;padding:9px;border-top:1px solid rgba(244,114,182,.2)}.color-stack-voices{display:flex;flex-direction:column;gap:9px}.color-stack-voices-actions{display:flex;align-items:center;gap:6px}.color-stack-palette{display:flex;flex-direction:column;gap:7px}.color-stack-swatches{display:flex;gap:14px}.color-stack-swatch{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;color:#ffe8b8b3;letter-spacing:.02em}.voice-card{display:grid;grid-template-columns:120px 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:120px;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:120px;height:120px;flex:0 0 120px;overflow:hidden;background:#02040a;border:1px solid rgba(255,232,184,.1)}.voice-preview .glyph-output{color:#ffe8b8eb}.voice-preview-none{display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;letter-spacing:.04em;line-height:1.3;padding:4px;color:#ffe8b859}.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-block:0;border-inline:1px solid rgba(255,232,184,.2);--gx-bracket: rgba(255, 232, 184, .2);background-color:transparent;color:#ffa0a0d9;border-radius:0;cursor:pointer;padding:0}.voice-remove:hover{background-color:#ff5a5a29;border-color:#ff787880;--gx-bracket: rgba(255, 120, 120, .5)}.voice-row{display:flex;gap:6px}.voice-mode-toggle .gx-toggle{flex:0 0 auto}.voice-mode-toggle .gx-toggle-btn{flex:0 0 auto;padding:2px 6px;font-size:9px;letter-spacing:.02em}.voice-mode-toggle .gx-toggle-text{font-weight:600}.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-toggle-text{font-weight:600}.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-readout{box-sizing:border-box;width:100%;min-width:0;color:#38bdf8;font-weight:400;text-align:right;font-size:11px;font-family:inherit;padding:1px 0;margin-left:-7px;border:none;border-bottom:1px dotted rgba(255,232,184,.18);background:transparent;-webkit-appearance:none;appearance:none}.voice-slider-readout:hover:not(:disabled){border-bottom-color:#ffe8b866}.voice-slider-readout:focus-visible{outline:1px solid rgba(56,189,248,.6);outline-offset:1px;border-bottom-color:#38bdf8cc}.voice-slider-readout:disabled{cursor:not-allowed;opacity:.6}.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:12px;z-index:15;display:flex;gap:6px}.synth-export-bar .gw-code-panel__action{background-color:#0d1018}.synth-export-bar .gw-code-panel__action.is-active{color:#03050a;background-color:#38bdf8d9;border-color:#38bdf8d9;--gx-bracket: rgba(56, 189, 248, .85)}.synth-code-panel.gw-code-panel{bottom:46px;width:clamp(360px,42vw,640px);max-height:min(64vh,calc(100% - var(--overlay-top, 12px) - 34px - 12px))}@media(max-width:760px){:is(.dn-root--synth,.dn-root--generative) .synth-export-bar{display:none}:is(.dn-root--synth,.dn-root--generative) .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%;min-width:0}.voice-placement-toggle{margin-top:4px;padding:1px 4px;align-self:flex-start;font:inherit;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ffe8b873;background:none;border:0;cursor:pointer}.voice-placement-toggle:hover,.voice-placement-toggle.is-open{color:#ffe8b8cc}.voice-placement{display:flex;gap:6px;align-items:stretch;margin-top:2px}.voice-placement-rows{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.voice-fieldmap{display:block;flex:0 0 auto;width:46px;align-self:stretch;height:auto;background:#02040a;border:1px solid rgba(255,232,184,.1)}.voice-fieldmap-axis{stroke:#ffe8b824;stroke-width:1;vector-effect:non-scaling-stroke}.voice-layer-row{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:2px}.voice-layer-label{color:#ffe8b8b3;letter-spacing:.02em;flex:0 0 34px}.voice-layer-row .gx-toggle{flex:1 1 auto}.dock-logrow-slot{display:contents}.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}.dn-floating-controls .lil-gui .dock-subcell-slot{padding:0 var(--padding, 6px)}.dock-subcell{display:flex;align-items:center;min-height:20px}.dock-subcell-label{flex:0 0 var(--name-width, 45%);font-size:11px;letter-spacing:.22px;line-height:20px;text-transform:none;color:#ffe8b8b3;padding-right:var(--spacing, 5px)}.dock-subcell .gx-toggle{flex:1 1 auto}.dock-subcell .gx-toggle-btn{padding:3px 0}.dn-floating-controls .lil-gui .dock-ramp-density-slot{padding:0 var(--padding, 6px) var(--spacing, 5px)}.dock-ramp-density{display:flex;gap:4px;overflow-x:auto;padding-top:2px}.dock-ramp-density-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;width:40px;padding:3px 2px 4px;background-color:#02040ad9;border-block:0;border-inline:1px solid rgba(255,232,184,.16);--gx-bracket: rgba(255, 232, 184, .16);cursor:pointer;color:inherit;font:inherit}.dock-ramp-density-item:hover{border-color:#ffe8b866;--gx-bracket: rgba(255, 232, 184, .4)}.dock-ramp-density-item.is-active{border-color:#38bdf8;background-color:#38bdf81f;--gx-bracket: #38bdf8}.dock-ramp-density-bars{display:flex;align-items:flex-end;gap:1px;width:100%;height:20px}.dock-ramp-density-bar{flex:1 1 auto;min-width:1px;background:#38bdf8;opacity:.85}.dock-ramp-density-item.is-active .dock-ramp-density-bar{background:#f4f0e6;opacity:.95}.dock-ramp-density-pending{width:100%;text-align:center;font-size:9px;color:#ffe8b866;align-self:center}.dock-ramp-density-label{font-size:8px;letter-spacing:.04em;color:#ffe8b899;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-ramp-density-item.is-active .dock-ramp-density-label{color:#f4f0e6}.dock-ramp-density-reason{margin:2px 0 0;padding:6px 8px;font-size:10px;line-height:1.4;color:#ffe8b8bf;background:#02040ad9;border:1px solid rgba(255,232,184,.16)}.synth-presets{flex:0 0 auto;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-block:0;border-inline:1px solid rgba(255,232,184,.18);--gx-bracket: rgba(255, 232, 184, .18);background-color:#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);--gx-bracket: rgba(56, 189, 248, .9)}.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){:is(.dn-root--synth,.dn-root--generative){--mobile-tabs-height: 52px;--mobile-panel-bottom: calc(var(--overlay-bottom) + var(--mobile-tabs-height) + 8px)}:is(.dn-root--synth,.dn-root--generative) .dn-mobile-tabs{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}:is(.dn-root--synth,.dn-root--generative) .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)}:is(.dn-root--synth,.dn-root--generative) .synth-voices.is-mobile-open{display:flex}:is(.dn-root--synth,.dn-root--generative) .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}:is(.dn-root--synth,.dn-root--generative) .dn-floating-controls.is-mobile-open{display:flex}:is(.dn-root--synth,.dn-root--generative) .dn-floating-controls:before{top:7px;transform:none}:is(.dn-root--synth,.dn-root--generative) .dn-floating-controls .dn-lil-gui-host,:is(.dn-root--synth,.dn-root--generative) .dn-floating-controls .dn-lil-gui-host>.lil-gui.root{width:100%!important;max-width:100%}:is(.dn-root--synth,.dn-root--generative) .dn-floating-controls .dn-lil-gui-host{flex:1 1 auto;min-height:0}:is(.dn-root--synth,.dn-root--generative) .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}:is(.dn-root--synth,.dn-root--generative) .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}:is(.dn-root--synth,.dn-root--generative) .synth-presets.is-mobile-open{display:flex}}