.samples-files-details{margin:0;padding:0}.bottom-drawer-panel,.bottom-drawer-tab{bottom:0;left:var(--bottom-drawer-left,336px);right:var(--bottom-drawer-right,360px);box-sizing:border-box;z-index:99990;pointer-events:auto;width:auto;max-width:none;position:fixed}.bottom-drawer-panel{overflow:hidden}.samples-drawer{z-index:99999;box-sizing:border-box;pointer-events:auto;color:#fff;background:#141414;border-right:1px solid #ffffff24;flex-direction:column;font-size:11px;line-height:1.2;display:flex;position:fixed;left:0;overflow:hidden}.samples-drawer-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.samples-drawer-scroll__upper{-webkit-overflow-scrolling:touch;flex:0 auto;min-height:0;overflow:hidden auto}.samples-drawer-inspect{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.signal-scope-inspect{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.signal-scope-inspect__lanes{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.signal-scope-inspect__lane--grow{flex-direction:column;flex:1;min-height:48px;display:flex}.signal-scope-inspect__lane--grow .signal-scope-inspect__lane-chart{flex:1;width:100%;min-height:0}.samples-files-details>summary{margin:0;padding:0;line-height:1.2;list-style:none;display:block}.samples-files-details>summary::-webkit-details-marker{display:none}.samples-files-details__body{margin:0;padding:0}.chuck-init-button{cursor:pointer;transition:background-color .3s}option{font-family:Geist Mono!important;font-size:12px!important}.chuck-init-button:hover{background:#ffffff1a}form{display:flex}button{color:var(--accent);background:var(--accent-bg);cursor:pointer;border:2px solid #0000;border-radius:5px;padding:5px 10px;font-size:16px;transition:border-color .3s}button:hover{border-color:var(--accent-border)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.microtone-cell{text-align:left;padding-left:16px}tr.microtone-row.is-active td{background:#6b46c12e}tr.microtone-row.is-active td:first-child{box-shadow:inset 3px 0 #a78bfaf2}#microtonal-key-type-dropdown{position:absolute;top:40px;left:8px}.search-input-short{max-width:80px}.microtone-cell.key-wid{opacity:.72;vertical-align:top;width:72px;max-width:72px;font-size:10px;min-width:72px!important}.microtone-cell:not(.key-wid){white-space:normal;word-break:break-word;vertical-align:top;padding-right:12px;font-size:11px}#microtoneTableWrapperDiv{flex:1;min-height:0;overflow:hidden auto}.virtual-scale-picker-scroll{flex:1;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden auto}.virtual-scale-picker-header{z-index:1;background:#141414;border-bottom:1px solid #ffffff14;grid-template-columns:72px 1fr;display:grid;position:sticky;top:0}.virtual-scale-picker-header-cell{text-transform:uppercase;letter-spacing:.04em;opacity:.55;text-align:left;padding:4px 0 6px 16px;font-size:10px;font-weight:600}.virtual-scale-picker-spacer{width:100%;position:relative}.virtual-scale-picker-row{cursor:pointer;box-sizing:border-box;text-align:left;grid-template-columns:72px 1fr;justify-content:left;align-items:start;height:100%;display:grid;position:absolute;left:0;right:0}.virtual-scale-picker-row.is-active .microtone-cell{height:100%!important}.virtual-scale-picker-row.is-active .microtone-cell.key-wid{box-shadow:inset 3px 0 #a78bfaf2}.virtual-scale-picker-row.is-odd{background:#ffffff08}.virtual-scale-picker-row:hover{background:#ffffff1a}.virtual-scale-picker-desc{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;display:-webkit-box;overflow:hidden}.intervals-picker-status{opacity:.55;padding:2px 0 0;font-size:10px}.intervals-manager{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.intervals-manager-toolbar{z-index:5;background:#141414;border-bottom:1px solid #ffffff14;flex-shrink:0;padding:4px 0;position:sticky;top:0}.intervals-manager-filters{flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;min-height:0;display:flex}.intervals-manager-filters-primary{flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.intervals-manager-filters-taxonomy{flex-direction:row;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.intervals-filter-search,.intervals-filter-scale-len,.intervals-filter-contains,.intervals-filter-category,.intervals-filter-tolerance{text-align:left;flex-direction:row;flex-shrink:0;align-items:center;gap:4px;min-width:0;padding:0;font-family:Geist Mono,monospace;display:flex}.intervals-filter-search{min-width:80px}.intervals-filter-scale-len{flex:none}.intervals-filter-contains{flex:none;position:relative}.intervals-filter-category{flex:none;min-width:0}.intervals-category-select{box-sizing:border-box;color:#ffffffd1;cursor:pointer;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff24;border-radius:3px;width:60px;max-width:60px;padding:2px 4px;font-family:Geist Mono,monospace;font-size:9px;line-height:1.2}#microtone-primary-filter{width:104px;max-width:104px}.intervals-subcategory-select{width:140px;max-width:72px}.intervals-category-select:hover{border-color:#c4b5fd73}.intervals-category-select:focus{outline-offset:0;outline:1px solid #c4b5fd8c}.intervals-filter-contains-trigger{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#fff6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:3px;min-width:36px;max-width:120px;padding:2px 6px;font-family:Geist Mono,monospace;font-size:10px;line-height:1.2;overflow:hidden}.intervals-filter-contains-trigger:hover{color:#fff;border-color:#c4b5fd73}.interval-pattern-popup{z-index:20;background:#181818fa;border:1px solid #6b46c159;border-radius:6px;width:220px;padding:8px;position:absolute;top:calc(100% + 4px);right:-146px;box-shadow:0 10px 28px #00000073}.interval-pattern-popup__header{letter-spacing:.06em;text-transform:uppercase;color:#c4b5fde6;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-family:Geist Mono,monospace;font-size:10px;font-weight:700;display:flex}.interval-pattern-popup__hint{color:#ffffff8c;margin:0 0 8px;font-size:9px;line-height:1.35}.interval-pattern-popup__pattern{border:1px solid #ffffff14;border-radius:4px;flex-wrap:wrap;gap:4px;min-height:24px;margin-bottom:8px;padding:6px;display:flex}.interval-pattern-popup__empty{color:#ffffff73;font-size:9px;font-style:italic}.interval-pattern-popup__chip{color:#121212eb;background:#c4b5fde0;border-radius:4px;justify-content:center;align-items:center;min-width:22px;padding:2px 6px;font-family:Geist Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.interval-pattern-popup__presets{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.interval-pattern-popup__step-btn{color:#ffffffd1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:4px 0;font-family:Geist Mono,monospace;font-size:10px;font-weight:600}.interval-pattern-popup__step-btn:hover{color:#fff;border-color:#c4b5fd73}.interval-pattern-popup__actions{gap:4px;display:flex}.interval-pattern-popup__action{color:#ffffffbf;cursor:pointer;border:1px solid #ffffff1f;border-radius:4px;flex:1;padding:4px 6px;font-size:9px;font-weight:600}.interval-pattern-popup__action:disabled{opacity:.4;cursor:not-allowed}.interval-pattern-popup__action--primary{color:#c4b5fdf2;border-color:#6b46c166}.interval-pattern-popup__icon-btn{color:#fff9;cursor:pointer;background:0 0;border:none;min-width:0;min-height:0;padding:0;line-height:1}.interval-pattern-popup__icon-btn:hover{color:#fff}.intervals-filter-search label,.intervals-filter-scale-len label,.intervals-filter-contains label{white-space:nowrap;flex-shrink:0;font-size:9px}.intervals-filter-search .search-input{box-sizing:border-box;flex:1;width:auto;min-width:0;max-width:none;font-family:Geist Mono,monospace;font-size:10px}.intervals-filter-scale-len .search-input-short{box-sizing:border-box;width:60px;font-size:10px}.bottom-drawer-content{flex:1;gap:10px;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.microtone-scale-hero{white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;min-width:0;margin-bottom:4px;padding:3px 0;font-size:10px;line-height:1.2;display:flex;overflow:hidden}.microtone-scale-hero--empty{opacity:.85}.microtone-scale-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-family:Geist Mono,monospace;font-size:14px}.microtone-scale-hero__sep{color:#ffffff47;flex-shrink:0}.microtone-scale-hero__stats{color:#ffffff85;flex-shrink:0;font-family:Geist Mono,monospace;font-size:12px}.microtone-scale-hero__lead{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#ffffffe0;flex:auto;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.bottom-drawer-microtones{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.bottom-drawer-io-panel{flex-direction:column;max-width:264px;min-height:0;display:flex}.bottom-drawer-tab{color:#f6f6f6;cursor:pointer;pointer-events:auto;background:#141414;border:1px solid #ffffff3d;border-bottom:none;border-radius:0;justify-content:center;align-items:center;font-size:11px}#pianoOuterWrapper{flex-direction:row;justify-content:space-evenly;width:100vw;height:100%;display:flex}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}ul{list-style-type:none}.icon-button{background:0 0}.tonic-text{text-align:center;color:var(--accent);flex-direction:column;justify-content:center;min-width:32px;font-size:22px;font-weight:500;display:flex}#tonicDropdown{z-index:2;background:#faebd7;grid-template-columns:1fr 1fr 1fr;margin-top:8px;padding:12px 20px;display:grid;position:absolute}#keyboardWrapper{background:beige;flex-direction:column;flex:1;display:flex}@media (width<=512px){#keyboardWrapper{max-height:calc(100% - 396px)}}.layout-select{text-overflow:ellipsis;white-space:nowrap;min-width:120px;overflow-x:hidden}.layout-select-wrapper{text-align:left;flex-direction:column;max-width:120px;padding:4px;font-family:Geist Mono,monospace;font-size:13px;display:flex}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}#keyboard>span[id^=octSpanWrapper],span[id^=octSpanWrapper]{flex:1 1 0;min-width:0;display:flex;position:relative}@media (width>=900px){#keyboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;display:grid}#keyboard>span[id^=octSpanWrapper]{width:100%}}.vizKey.white,.vizKey:not(.black){-webkit-user-select:none;user-select:none;cursor:pointer;z-index:1;background:linear-gradient(to bottom, #ffffffe0, #ffffff8c), linear-gradient(to bottom, var(--key-color,#d1d1d1), var(--key-color,#bdbdbd));border-bottom:1px solid #bababa;border-left:1px solid #121212;border-radius:0 0 5px 5px;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:3.5rem;height:11.5rem;margin-left:-1px;padding:.5rem 0;font-family:monospace;transition:box-shadow .18s,filter .18s,opacity .18s;display:flex;position:relative;color:#000!important}#keyboard>li.vizKey.white:first-child,#keyboard>li.vizKey:not(.black):first-child{margin-left:0}.vizKey.black{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:2;background:linear-gradient(to bottom, #00000040, #000000ad), linear-gradient(to bottom, var(--key-color,#5c5c5c), var(--key-color,#3d3d3d));color:#f5f5f5;border:1px solid #000;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;width:3.1rem;height:7rem;padding:.5rem 0;font-family:monospace;transition:box-shadow .18s,filter .18s,opacity .18s;display:flex;position:absolute;transform:translate(-50%)}span[id^=octSpanWrapper]>li.vizKey.black:nth-child(2){left:14.2857%}span[id^=octSpanWrapper]>li.vizKey.black:nth-child(4){left:28.5714%}span[id^=octSpanWrapper]>li.vizKey.black:nth-child(7){left:57.1429%}span[id^=octSpanWrapper]>li.vizKey.black:nth-child(9){left:71.4286%}span[id^=octSpanWrapper]>li.vizKey.black:nth-child(11){left:85.7143%}.vizKey.half,.vizKey.white.half,.vizKey.offset.half,li.vizKey.half,li.vizKey.white.half{border-radius:0 0 3px 3px}#keyboard li:first-child{border-radius:5px 0 5px 5px}#keyboard li:last-child{border-radius:0 5px 5px}.vizKey.activeVizKey{color:#fff!important;background:#bfbfbf!important}@keyframes piano-hardware-pulse{0%{filter:brightness()saturate()}45%{filter:brightness(1.24)saturate(1.18)}to{filter:brightness(1.12)saturate(1.12)}}.vizKey[data-hardware-active=true]{filter:brightness(1.12)saturate(1.12);animation:.18s ease-out piano-hardware-pulse;box-shadow:inset 0 0 0 3px #6b46c1f2,0 0 14px #6b46c159}.split-key-host[data-hardware-active=true] .split-key-slice{filter:brightness(1.1)saturate(1.08);box-shadow:inset 0 0 0 2px #6b46c1f2,0 0 10px #6b46c147}.vizKey.black[data-hardware-active=true]{z-index:4}.vizKey:not(.black)[data-hardware-active=true]{z-index:2}.vizKey[data-hardware-releasing=true]{filter:brightness(1.04)saturate(1.05);opacity:.95;box-shadow:inset 0 0 0 2px #6b46c173,0 0 8px #6b46c12e}.vizKey:hover,.vizKey.black:hover{opacity:.9}.split-key-host:hover,.split-key-host.vizKey:hover,.split-key-host.vizKey.black:hover{opacity:1!important}.split-key-host{overflow:hidden}.split-key-slice{transition:filter .12s,transform .12s}.split-key-slice:hover{filter:brightness(1.12)saturate(1.06)}.split-key-slice:active{transform:translateY(1px)}#pianoKeyboardWrapper{overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-flow:row;width:calc(100% + 36px);max-height:12.5rem;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow-x:auto}.small-text{font-size:8px}.Control{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;display:flex}.Control[data-orientation=vertical]{height:8rem;padding-inline:.75rem}.Track{background-color:var(--color-gray-200);box-shadow:inset 0 0 0 1px var(--color-gray-200);-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#2a7b9b 0%,#57c785 50%,#eddd53 100%);border-radius:.25rem}.Track[data-orientation=vertical]{width:.25rem;height:100%}.Indicator{background-color:var(--color-gray-700);-webkit-user-select:none;user-select:none;border-radius:.25rem}.Thumb{outline:1px solid var(--color-gray-300);-webkit-user-select:none;user-select:none;background-color:beige;border-radius:100%;width:1rem;height:1rem}.Thumb:focus-visible{outline:2px solid var(--color-blue)}.MixerSliderRoot{padding-left:1.25rem;display:inline-flex;position:relative}.MixerSliderLabel{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;color:inherit;opacity:.9;font-size:10px;line-height:1;position:absolute;bottom:0;left:0;transform:rotate(180deg)}.small-sub-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0 2px;padding:0;display:flex}.small-sub-button svg{color:#fff;pointer-events:none;width:20px;height:20px}.small-sub-button button:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.small-sub-button button:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.stk-preset-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;width:100%;margin-top:8px;display:grid}.synth-slider-wrapper{flex-direction:column;gap:5px;width:100%;min-width:0;display:flex}.synth-slider-header{justify-content:space-between;align-items:baseline;gap:6px;font-family:Geist Mono,monospace;line-height:1.1;display:flex}.synth-slider-label{letter-spacing:.04em;text-transform:uppercase;color:#f0f0f0c7;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.synth-slider-value{color:var(--accent);flex-shrink:0;font-size:9px}.synth-slider{--fill-percent:50%;cursor:ew-resize;appearance:none;background:0 0;width:100%;height:18px;margin:0}.synth-slider:focus-visible{outline:none}.synth-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent-ring,#c084fc8c), 0 0 10px var(--accent-glow,#c084fc73), 0 2px 4px #0006}.synth-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-strong,#c084fceb) var(--fill-percent), #ffffff12 var(--fill-percent), #ffffff12 100%);border-radius:999px;height:6px;box-shadow:inset 0 1px 3px #0000008c,inset 0 0 0 1px #ffffff0d}.synth-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;box-shadow:0 0 8px var(--accent-glow-soft,#c084fc59), 0 2px 5px #0000006b;background:linear-gradient(#faf6ec 0%,#ddd0b4 48%,#b8a888 100%);border:1px solid #ffffff57;border-radius:4px;margin-top:-5px}.synth-slider::-moz-range-track{background:#ffffff12;border-radius:999px;height:6px;box-shadow:inset 0 1px 3px #0000008c,inset 0 0 0 1px #ffffff0d}.synth-slider::-moz-range-progress{background:linear-gradient(90deg, var(--accent), var(--accent-strong,#c084fceb));border-radius:999px 0 0 999px;height:6px}.synth-slider::-moz-range-thumb{width:12px;height:16px;box-shadow:0 0 8px var(--accent-glow-soft,#c084fc59), 0 2px 5px #0000006b;background:linear-gradient(#faf6ec 0%,#ddd0b4 48%,#b8a888 100%);border:1px solid #ffffff57;border-radius:4px}.synth-slider:active::-webkit-slider-thumb{box-shadow:0 0 12px var(--accent-glow,#c084fc8c), 0 2px 5px #0000006b}.mixer-subpanel-tabs{flex-shrink:0;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:8px;display:grid}.mixer-subpanel-tab{color:#f0f0f0ad;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;padding:6px 8px;font-family:Geist Mono,monospace;font-size:10px;transition:background .15s,color .15s,border-color .15s}.mixer-subpanel-tab:hover{color:#f0f0f0eb}.mixer-subpanel-tab.is-active{color:#f0f0f0;background:#ffffff14;border-color:#c084fc73;box-shadow:inset 0 0 0 1px #c084fc1f}.mixer-subpanel-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mixer-drawer{z-index:100001;box-sizing:border-box;color:#f2f2f2;background:linear-gradient(#222226fa 0%,#121214fc 100%);border-left:1px solid #ffffff1f;flex-direction:column;min-height:0;display:flex;position:fixed;right:0;overflow:hidden}.mixer-drawer-tab{z-index:100001;writing-mode:vertical-rl;text-orientation:mixed;color:#f6f6f6eb;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#18181afa 0%,#101012fa 100%);border:1px solid #ffffff2e;border-right:none;border-radius:0;width:22px;min-height:0;padding:8px 2px;font-family:Geist Mono,monospace;font-size:11px;position:fixed;right:0;box-shadow:-4px 0 18px #00000047}.mixer-drawer-header{background:#ffffff05;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.mixer-drawer-title{letter-spacing:.12em;text-transform:uppercase;color:#f0f0f0b8;font-family:Geist Mono,monospace;font-size:11px}.mixer-drawer-close{color:#f0f0f0e0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0;padding:2px;line-height:1;display:flex}.mixer-drawer-master{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:10px 12px}.mixer-master-volume{align-items:center;gap:10px;width:100%;display:flex}.mixer-master-volume--header{flex:auto;min-width:0}.mixer-master-volume-label{letter-spacing:.08em;text-transform:uppercase;color:#f0f0f0b8;white-space:nowrap;font-family:Geist Mono,monospace;font-size:10px}.mixer-master-volume-value{color:var(--accent);text-align:right;flex:none;min-width:36px;font-family:Geist Mono,monospace;font-size:10px}.mixer-drawer-body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px 10px 10px;display:flex;overflow:hidden}.mixer-panel{border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 24px #0000002e}.mixer-panel-instrument{flex:none;max-height:min(240px,34vh)}.mixer-panel-tools{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.mixer-panel-tools .mixer-subpanel-tabs{flex-shrink:0;margin:8px 8px 0}.mixer-instrument-section-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 0;display:flex}.mixer-instrument-section-head .mixer-panel-section-label{padding:0}.mixer-panel-section-label{letter-spacing:.1em;text-transform:uppercase;color:#f0f0f08c;flex-shrink:0;padding:8px 10px 0;font-family:Geist Mono,monospace;font-size:9px}.mixer-panel-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:8px;overflow:hidden auto}.mixer-panel-scroll-compact{flex:0 auto;min-height:0;max-height:min(190px,28vh)}.mixer-instrument-panel{flex-direction:column;gap:6px;display:flex}.mixer-instrument-picker{width:100%;display:block}.mixer-instrument-hid{flex-shrink:0;align-items:center;gap:8px;font-family:Geist Mono,monospace;font-size:10px;display:flex}.mixer-hid-icon-btn{color:#f0f0f0b8;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.mixer-hid-icon-btn:hover{color:#f0f0f0f2;border-color:#ffffff59}.mixer-hid-icon-btn--on{color:#dcffdcfa;background:#4caf5059;border-color:#4caf50bf}.mixer-hid-icon-btn__glyph{font-size:17px!important}.mixer-hid-icon-btn:focus-visible{outline-offset:2px;outline:2px solid #4caf50d9}.mixer-instrument-hid__label{letter-spacing:.04em;text-transform:uppercase;opacity:.78}.mixer-instrument-hid__state{opacity:.72;min-width:22px}.mixer-instrument-hid__mouse{opacity:.88;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-left:2px;display:flex}.mixer-hid-chuckbox{accent-color:#4caf50e6;width:12px;height:12px;margin:0}.mixer-instrument-picker .mixer-select{width:100%}.mixer-instrument-tab-row{gap:4px;margin-bottom:4px;display:flex}.mixer-instrument-tab{color:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#0003;border:1px solid #ffffff24;border-radius:4px;flex:1;padding:6px 8px;font-size:12px}.mixer-instrument-tab.is-active{background:#508cdc2e;border-color:#78c8ff8c}.synth-vm-guard{background:#00000040;border:1px solid #ffffff1f;border-radius:4px;padding:6px 8px;font-size:11px;line-height:1.35}.synth-vm-guard--elevated{border-color:#ffc10773}.synth-vm-guard--high{border-color:#f4433680}.synth-vm-guard__primary{margin:0 0 4px;font-weight:600}.synth-vm-guard__list{margin:0;padding-left:1.1em}.synth-vm-guard__foot{opacity:.72;margin:4px 0 0;font-size:10px}.synth-voice-panel{flex-direction:column;gap:8px;display:flex}.synth-voice-panel__row{grid-template-columns:52px 1fr auto;align-items:center;gap:6px;display:grid}.synth-voice-panel__row--compact{grid-template-columns:1fr 1fr}.synth-voice-gen-block__label{letter-spacing:.04em;text-transform:uppercase;opacity:.78;margin-bottom:4px;font-size:11px}.synth-voice-gen-block__sliders{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.editable-breakpoint-curve{flex-direction:column;gap:4px;display:flex}.editable-breakpoint-curve__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.editable-breakpoint-curve__label{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:11px}.editable-breakpoint-curve__hint{opacity:.55;font-size:10px}.editable-breakpoint-curve__svg{touch-action:none;cursor:crosshair;border-radius:4px;width:100%;height:88px}.editable-breakpoint-curve__bg{fill:#00000040;stroke:#ffffff14}.editable-breakpoint-curve__line{fill:none;stroke:#78c8ffd9;stroke-width:1.5px}.editable-breakpoint-curve__handle{fill:#b4dcfff2;stroke:#28508ce6;stroke-width:1px;cursor:grab}.time-hierarchy-curve-panel{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;margin-top:8px;padding-top:8px;display:flex}.time-hierarchy-curve-panel__title{letter-spacing:.06em;text-transform:uppercase;opacity:.78;font-size:11px}.time-hierarchy-curve-panel__layer-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.mixer-select--compact{max-width:160px;font-size:11px}.mixer-tools-body{flex:1;min-height:0;font-family:Geist Mono,monospace;position:relative;overflow:hidden}.mixer-tools-pane{flex-direction:column;min-height:0;display:none;position:absolute;inset:0;overflow:hidden}.mixer-tools-pane.is-active{display:flex}.mixer-fx-toolbar{border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:8px;padding:0 8px 8px;display:flex}.mixer-looper-pane,.mixer-visuals-pane{padding-top:4px}.strange-loops-panel{flex-direction:column;gap:10px;padding:4px 2px 12px;font-family:Geist Mono,monospace;display:flex}.strange-loops-panel__hint{color:#f0f0f0c7;margin:0;font-size:11px;line-height:1.45}.strange-loops-panel__open{align-self:flex-start}.strange-loops-panel__footnote{color:#f0f0f08c;margin:0;font-size:10px;line-height:1.4}.strange-loops-panel__block{flex-direction:column;gap:8px;display:flex}.strange-loops-panel__subhead{text-transform:uppercase;letter-spacing:.06em;color:#f0f0f0a6;font-size:10px}.visual-cv-mix{background:#0c0c1080;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.visual-cv-mix__intro{color:#f0f0f09e;margin:0 0 4px;font-size:10px;line-height:1.4}.visual-cv-mix__row{color:#f0f0f0e0;cursor:default;grid-template-columns:4.5rem 1fr 2.25rem;align-items:center;gap:8px;font-size:11px;display:grid}.visual-cv-mix__label{text-transform:capitalize}.visual-cv-mix__slider{accent-color:#b4c8ffd9;width:100%}.visual-cv-mix__pct{text-align:right;color:#f0f0f08c;font-variant-numeric:tabular-nums;font-size:10px}.video-upload{flex-direction:column;gap:6px;font-size:12px;display:flex}.video-upload--mixer{font-size:11px}.video-upload__actions{flex-wrap:wrap;gap:8px;display:flex}.video-upload__input{display:none}.video-upload__label{opacity:.85}.video-upload__error{color:#f88}.media-source-controls{flex-direction:column;gap:8px;display:flex}.media-source-controls--compact{gap:6px}.media-source-controls__hint{color:#f0f0f0b8;margin:0;font-size:10px;line-height:1.4}.media-source-controls__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.media-source-controls__url-row{align-items:center;gap:6px;display:flex}.media-source-controls__url{flex:1;min-width:0;font-size:11px}.media-source-controls__status{flex-wrap:wrap;gap:6px;display:flex}.media-source-controls__badge{color:#f0f0f0d9;background:#ffffff14;border-radius:3px;padding:2px 6px;font-size:10px}.media-source-controls__badge--live{color:#9f9;background:#50b46433}.media-source-controls__badge--muted{color:#f0f0f080}.media-source-controls__badge--warn{color:#eca;background:#dca03c26}.visual-overlay{border:1px solid #ffffff14;border-radius:4px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.visual-overlay__intro{color:#f0f0f0b8;margin:0;font-size:10px;line-height:1.4}.visual-overlay__hex-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.visual-overlay__picker{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;width:36px;height:28px;padding:0}.visual-overlay__hex{flex:1;min-width:88px;font-family:Geist Mono,monospace;font-size:11px}.strange-loops-panel__block--graph{min-height:0}.hydra-controls-panel{flex-direction:column;gap:8px;display:flex}.hydra-add-row{align-items:center;gap:6px;display:flex}.hydra-add-row__select{flex:1;min-width:0}.hydra-controls-panel__toolbar{align-items:center;gap:6px;display:flex}.hydra-controls-panel__list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.hydra-chain-row{border:1px solid #ffffff14;border-radius:4px;padding:6px}.hydra-chain-row__head{align-items:center;gap:6px;font-size:11px;display:flex}.hydra-chain-toggle{cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;flex-shrink:0;width:28px;height:16px;padding:0}.hydra-chain-toggle--on{background:#4caf508c;border-color:#4caf50d9}.hydra-chain-row__title{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.hydra-chain-row__body{flex-direction:column;gap:8px;margin-top:8px;display:flex}.hydra-nest-row,.hydra-param-block__latch{flex-direction:column;gap:4px;font-size:10px;display:flex}.hydra-param-block{border-top:1px solid #ffffff0f;padding-top:6px}.hydra-param-block__label{opacity:.85;margin-bottom:2px;font-size:10px}.hydra-param-block__minmax,.hydra-param-block__op,.hydra-param-block__operand{flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;display:flex}.hydra-chain-row__params{flex-direction:column;gap:8px;margin-top:8px;display:flex}.hydra-param-row{grid-template-columns:48px 1fr 88px!important}.hydra-cv-select{padding:2px 4px!important;font-size:9px!important}.mixer-looper-pane>div:first-child{box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0}.mixer-fx-add-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:6px;display:grid}.mixer-select{color:#f0f0f0;background:#00000038;border:1px solid #ffffff1f;border-radius:4px;padding:5px 6px;font-family:Geist Mono,monospace;font-size:12px}.mixer-action-button{color:#f4f4f4;cursor:pointer;background:#c084fc1f;border:1px solid #c084fc59;border-radius:4px;padding:5px 10px;font-family:Geist Mono,monospace;font-size:11px}.open-record-popup-btns{width:48%}.mixer-fx-nav{align-items:center;gap:6px;display:flex}.mixer-icon-button{color:#f0f0f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:4px;min-width:28px;min-height:28px;font-size:14px;line-height:1}.mixer-fx-nav-label{opacity:.88;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mixer-fx-controls{grid-template-columns:1fr;gap:10px;padding-bottom:4px;font-family:Geist Mono,monospace;font-size:11px;display:grid}.mixer-fx-control-row{grid-template-columns:92px 1fr 52px;align-items:center;gap:8px;display:grid}.mixer-fx-control-value{text-align:right;color:#f0f0f0d1;font-family:Geist Mono,monospace;font-size:10px}.mixer-empty-hint{opacity:.75;padding:8px 2px;font-size:12px}