:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Geist Mono", ui-monospace, Consolas, monospace;--heading:"Geist Mono", ui-monospace, Consolas, monospace;--mono:"Geist Mono", ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{height:100dvh;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:-webkit-fill-available;max-height:100dvh;margin:0;padding:0;overflow:hidden}body{height:100dvh;overscroll-behavior:none;height:-webkit-fill-available;max-height:100dvh;margin:0;padding:0;overflow:hidden}#root{text-align:left;max-width:100%;height:100dvh;overscroll-behavior:none;box-sizing:border-box;flex-direction:column;height:-webkit-fill-available;max-height:100dvh;margin:0;display:flex;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.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;pointer-events:auto;width:auto;max-width:none;position:fixed}.bottom-drawer-panel{z-index:100002;overflow:hidden}.bottom-drawer-tab{z-index:100004;isolation:isolate;min-height:var(--bottom-closed-strip-height,24px);height:calc(var(--bottom-closed-strip-height,24px) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);color:#f6f6f6;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#141414;border:1px solid #ffffff3d;border-bottom:none;border-radius:0;justify-content:center;align-items:center;font-family:Geist Mono,monospace;font-size:11px;box-shadow:0 -2px 12px #00000073}.bottom-drawer-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.bottom-drawer-header-tabs{flex-wrap:wrap;flex:auto;gap:4px;min-width:0;display:flex}.bottom-drawer-header-tab{color:#f6f6f6e6;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #0000;border-radius:4px;flex:1 1 0;min-width:0;max-width:100%;padding:6px 8px;font-family:Geist Mono,monospace;font-size:10px;overflow:hidden}.bottom-drawer-header-tab.is-active{background:#2dd4bf1f;border-color:#2dd4bfd9}.bottom-drawer-close{cursor:pointer;color:#f0f0f0e6;background:0 0;border:none;flex:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;margin:0;padding:8px;line-height:1;display:flex}.drawer-phone-fullscreen .app-header-shell{display:none!important}.drawer-phone-fullscreen .bottom-drawer-panel,.bottom-drawer-panel--phone-fullscreen{z-index:200110;padding-top:max(8px, env(safe-area-inset-top,0px));top:0;bottom:0;width:100%!important;max-width:100%!important;left:0!important;right:0!important}.drawer-phone-fullscreen .samples-drawer--phone-fullscreen{z-index:200110;max-width:100%}.mixer-drawer--phone-fullscreen{z-index:200110;min-height:100dvh;padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;width:100%!important;max-width:100%!important;inset:0!important}.phone-side-drawer-open .bottom-drawer-tab{display:none!important}.drawer-phone-title-bar{z-index:50;min-height:52px;padding:8px 10px;padding-left:max(10px, env(safe-area-inset-left,0px));padding-right:max(10px, env(safe-area-inset-right,0px));letter-spacing:.08em;text-transform:uppercase;color:#f6f6f6f5;background:#1c1c1c;border-bottom:1px solid #ffffff2e;flex-shrink:0;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:8px;font-family:Geist Mono,monospace;font-size:11px;display:grid;position:sticky;top:0;box-shadow:0 2px 10px #00000059}.drawer-phone-title-bar__leading{justify-content:flex-start;align-items:center;min-width:0;display:flex}.drawer-phone-title-bar__leading-spacer{width:44px;height:1px;display:block}.drawer-phone-title-bar__trailing{justify-content:flex-end;align-items:center;min-width:0;display:flex}.drawer-phone-title-bar__label{text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;justify-self:center;min-width:0;max-width:min(46vw,220px);overflow:hidden}.drawer-phone-title-bar__close{color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff24;border:1px solid #ffffff73;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:40px;margin:0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.drawer-phone-title-bar__close:hover,.drawer-phone-title-bar__close:focus-visible{background:#ffffff3d;border-color:#ffffffb3;outline:none}.drawer-phone-title-bar__close:active{background:#ffffff4d}.drawer-phone-title-bar__close-icon{width:20px;height:20px;font-size:20px!important}.drawer-phone-title-bar__close-text{display:inline}.transport-toggle-btn{box-sizing:border-box;color:#000000eb;letter-spacing:.02em;cursor:pointer;touch-action:none;background:#e0d452;border:1px solid #ffffff47;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:96px;min-height:36px;margin:0;padding:6px 12px;font-family:Geist Mono,monospace;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.transport-toggle-btn.is-playing{background:#32cd32}.transport-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.transport-toggle-btn__icon{flex-shrink:0;width:20px;height:20px;margin:0!important;font-size:20px!important}.transport-toggle-btn__label{line-height:1;display:inline}.transport-toggle-btn--compact{min-width:44px;min-height:40px;padding:6px 10px}.drawer-phone-title-bar .transport-toggle-btn--compact .transport-toggle-btn__label{display:none}@media (width<=680px){.transport-toggle-btn:not(.transport-toggle-btn--compact){min-width:44px;padding:6px 10px}.transport-toggle-btn:not(.transport-toggle-btn--compact) .transport-toggle-btn__label{display:none}}.samples-drawer--phone-fullscreen{padding-top:max(8px, env(safe-area-inset-top,0px));box-sizing:border-box;padding-left:8px;padding-right:8px}.samples-drawer--phone-fullscreen .samples-drawer-scroll{flex:1;min-height:0}.viewport-tablet .bottom-drawer-panel{left:var(--bottom-drawer-left,22px);right:var(--bottom-drawer-right,22px)}.samples-drawer-tab{top:var(--app-header-height,56px);z-index:100001;writing-mode:vertical-rl;text-orientation:mixed;color:#f6f6f6;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#141414;border:1px solid #ffffff3d;border-left:none;border-radius:0;width:22px;padding:8px 2px;font-family:Geist Mono,monospace;font-size:11px;position:fixed;bottom:0;left:0;box-shadow:2px 0 12px #00000047}.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}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;margin-left:32px;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{grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr));align-items:center;gap:6px;width:100%;min-width:0;display:grid}.intervals-manager-filters-primary,.intervals-manager-filters-taxonomy{display:contents}.intervals-filter-search,.intervals-filter-scale-len,.intervals-filter-contains,.intervals-filter-category{width:100%;min-width:0;display:block}.intervals-filter-contains{position:relative}.scale-filter-control{box-sizing:border-box;color:#f6f6f6eb;text-align:left;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;width:100%;min-width:0;min-height:30px;padding:5px 8px;font-family:Geist Mono,monospace;font-size:10px;line-height:1.25;display:block}.scale-filter-control::placeholder{color:#ffffff6b}.scale-filter-control--primary{letter-spacing:.02em;background:#6b46c124;border-color:#a78bfa80;font-size:11px;font-weight:600}.scale-filter-control--primary::placeholder{color:#c4b5fd94;font-weight:500}.scale-filter-control:hover:not(:disabled){border-color:#c4b5fd73}.scale-filter-control:focus{outline-offset:0;outline:1px solid #c4b5fd8c}.scale-filter-control:disabled{opacity:.45;cursor:not-allowed}select.scale-filter-control{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#f0f0f0a6 50%),linear-gradient(135deg,#f0f0f0a6 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% + 1px),calc(100% - 9px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:22px}button.scale-filter-control{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.scale-filter-control.is-empty{color:#ffffff6b;font-weight:400}.interval-pattern-popup{z-index:20;background:#181818fa;border:1px solid #6b46c159;border-radius:6px;width:220px;padding:8px;position:absolute;top:0;right:20px;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}.bottom-drawer-content{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.bottom-drawer-content>.controls-drawer-grid{flex:auto;width:100%;min-height:0}.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}.viewport-tablet .samples-drawer,.viewport-tablet .mixer-drawer{font-size:10px;line-height:1.35}.viewport-tablet .mixer-drawer-body,.viewport-tablet .samples-drawer-scroll{overflow-x:hidden}.viewport-tablet .mixer-fx-control-row{grid-template-columns:minmax(0,72px) minmax(0,1fr) 44px;gap:6px}.viewport-tablet .mixer-fx-control-row>span:first-child{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.viewport-tablet .mixer-fx-nav-label,.viewport-tablet .mixer-panel-section-label,.viewport-tablet .mixer-master-volume-label{white-space:normal;overflow-wrap:anywhere}.viewport-tablet .mixer-instrument-tab-row,.viewport-tablet .mixer-subpanel-tabs{flex-wrap:wrap}.viewport-tablet .samples-drawer-scroll__upper,.viewport-tablet .samples-drawer-inspect{min-width:0}.viewport-tablet .bottom-drawer-content{flex-direction:column}.viewport-tablet .bottom-drawer-microtones{width:100%;min-width:0}.viewport-tablet .intervals-filter-search,.viewport-tablet .microtone-scale-hero{white-space:normal;flex-wrap:wrap}.viewport-tablet .microtone-scale-hero__lead{white-space:normal;text-overflow:clip;overflow:visible}.viewport-phone .samples-drawer--phone-fullscreen{z-index:200110;width:100%!important;max-width:100%!important;left:0!important;right:0!important}.viewport-phone .bottom-drawer-panel--phone-fullscreen{padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}.viewport-phone .bottom-drawer-panel--phone-fullscreen .bottom-drawer-content{flex:auto;min-height:0}.viewport-phone .bottom-drawer-microtones{flex:auto;min-height:0;overflow:hidden}.viewport-phone .intervals-manager--compact{flex:auto;min-height:0}.viewport-phone .intervals-manager--compact .intervals-manager-filters{grid-template-columns:1fr 1fr;gap:6px}.viewport-phone .intervals-manager--compact .intervals-filter-search{grid-column:1/-1}.viewport-phone .intervals-manager--compact .intervals-filter-scale-len,.viewport-phone .intervals-manager--compact .intervals-filter-contains,.viewport-phone .intervals-manager--compact .intervals-filter-category{min-width:0}.viewport-phone .intervals-manager--compact .scale-filter-control{min-height:34px;font-size:11px}.viewport-phone .intervals-manager--compact .scale-filter-control--primary{font-size:12px}.viewport-phone .intervals-manager--compact .microtone-scale-hero{white-space:normal;flex-wrap:wrap;row-gap:2px}.viewport-phone .intervals-manager--compact .microtone-scale-hero__lead{white-space:normal;text-overflow:clip;font-size:13px;overflow:visible}.viewport-phone .intervals-manager--compact .virtual-scale-picker-row{font-size:10px}.viewport-phone .intervals-manager--compact .virtual-scale-picker-header-cell{font-size:9px}@media (height<=460px){.viewport-phone .bottom-drawer-panel--phone-fullscreen .microtone-scale-hero,.viewport-phone .bottom-drawer-panel--phone-fullscreen .intervals-picker-status{display:none}}#pianoOuterWrapper{flex-direction:row;justify-content:flex-start;width:100%;max-width:100%;height:100%;display:flex}#keyboardWrapper [data-key-pointer-root],#keyboardWrapper .key-pointer-key{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#keyboardWrapper [data-key-pointer-root] *,#keyboardWrapper .key-pointer-label,#keyboardWrapper .key-pointer-key *{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#keyboardWrapper [data-key-pointer-root]::selection{background:0 0}#keyboardWrapper [data-key-pointer-root] ::selection{background:0 0}#keyboardWrapper [data-key-pointer-root]:focus{outline:none}#keyboardWrapper [data-key-pointer-root]:focus-visible{outline-offset:1px;outline:2px solid #6b46c1a6}.viewport-phone #pianoOuterWrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.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,.tonic-control__dropdown{grid-template-columns:1fr 1fr 1fr;display:grid}#keyboardWrapper{max-height:var(--keyboard-wrapper-max-height,calc(100dvh - 80px));background:beige;flex-direction:column;flex:1;align-self:stretch;display:flex}#keyboardWrapper.keyboard-wrapper--hex,#keyboardWrapper.keyboard-wrapper--radius{background:#ddd0b4}.hex-keyboard-root,.radial-keyboard-root{min-width:min(280px,100%);min-height:min(240px,100%)}.viewport-phone .hex-keyboard-root,.viewport-phone .radial-keyboard-root{flex:1;align-self:stretch;width:100%;min-width:0;height:100%;min-height:0!important}.viewport-phone #keyboardWrapper .linear-chromatic-keyboard,.viewport-phone #pianoOuterWrapper{flex:1;align-self:stretch;height:100%;min-height:0}.viewport-phone #keyboardWrapper .linear-chromatic-key{align-self:stretch;height:100%;min-height:0}.viewport-phone #keyboardWrapper>*{flex:1;align-self:stretch;min-height:0}#keyboardWrapper.keyboard-wrapper--landscape{min-height:200px}.viewport-phone.keyboard-landscape-preferred #keyboardWrapper.keyboard-wrapper--landscape{min-height:min(42vh,280px)}.piano-outer-wrapper--landscape{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-flow:row;align-content:flex-start;overflow:auto}.layout-select{text-overflow:ellipsis;white-space:nowrap;min-width:120px;overflow-x:hidden}.layout-select-wrapper{text-align:left;z-index:999;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%}}.helper-text-label{color:#000000f0;font-family:Geist Mono;font-size:12px;font-weight:700}.button-with-helper-text{min-width:120px}@media (width<=512px){.helper-text-label{display:none!important}.button-with-helper-text{min-width:24px!important}}#landingContentWrapper,.landing-content{z-index:1;box-sizing:border-box;width:100%;max-width:100%;min-height:100dvh;min-height:-webkit-fill-available;padding:max(24px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));text-align:center;overscroll-behavior:contain;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.landing-content--ready{display:none!important}.landing-content__inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:min(36rem,92vw);max-width:100%;display:flex}.landing-brand{letter-spacing:.02em;color:#f4f1ea;text-shadow:0 1px 12px #0000008c;margin:0 0 clamp(16px,4vh,28px);padding:8px;font-family:Geist Mono,monospace;font-size:clamp(28px,8vw,48px);font-weight:300;display:block}.landing-tagline{color:#e0d452;text-shadow:0 1px 8px #00000073;margin:clamp(12px,3vh,20px) 0 clamp(12px,3vh,28px);padding:8px;font-family:Geist Mono,monospace;font-size:clamp(15px,3.6vw,22px);font-weight:300;display:block}.landing-blurb{text-align:center;color:#a0c6ec;text-shadow:0 1px 6px #00000080;width:100%;max-width:34rem;font-family:Geist Mono,ui-monospace,monospace;font-size:clamp(12px,2.8vw,14px);font-weight:300;line-height:1.45;display:block}.landing-loading{color:#f4f1ea;text-shadow:0 1px 10px #00000080;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(240px,70vw);font-family:Geist Mono,monospace;font-size:clamp(18px,5vw,28px);display:flex}.landing-loading__bar{width:100%}#landingBgVid{object-fit:cover;object-position:center;z-index:0;pointer-events:none;background-color:#0a0a0a;width:100%;height:100dvh;min-height:-webkit-fill-available;animation:.5s ease-in-out forwards fadeIn;position:fixed;inset:0;transform:translateZ(0)}@supports (-webkit-touch-callout:none){#landingBgVid{filter:brightness(1.18)contrast(1.06)saturate(1.05)}}@media (prefers-reduced-motion:reduce){#landingBgVid{animation:none}}.chuck-init-button{cursor:pointer;color:#0a0a0a;touch-action:none;-webkit-tap-highlight-color:transparent;background:#52a7e0b8;border:1px solid #ffffff47;font-family:Geist Mono,monospace;font-size:24px;font-weight:500;transition:background-color .2s}.chuck-init-button--landing{z-index:3;border-radius:50%;justify-content:center;align-items:center;min-width:clamp(96px,28vw,120px);min-height:clamp(96px,28vw,120px);display:inline-flex;box-shadow:0 8px 28px #00000059}.chuck-init-button--ready{border-radius:8px;min-width:72px;min-height:36px;padding:6px 12px}@media (hover:hover) and (pointer:fine){.chuck-init-button:hover{background:#ffffff2e}}option{font-family:Geist Mono!important;font-size:12px!important}#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:2.6rem;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:100%;max-width:100%;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}svg{margin-right:0}.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;-webkit-tap-highlight-color:transparent;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 button:focus:not(:focus-visible),.mixer-drawer .mixer-subpanel-tab:focus:not(:focus-visible),.mixer-drawer .mixer-action-button:focus:not(:focus-visible),.mixer-drawer .mixer-icon-button:focus:not(:focus-visible),.mixer-drawer .mixer-drawer-close:focus:not(:focus-visible),.mixer-drawer .mixer-drawer-tab:focus:not(:focus-visible),.mixer-drawer-tab:focus:not(:focus-visible){outline:none}.mixer-drawer input[type=range],.mixer-drawer input[type=checkbox],.mixer-drawer input[type=radio],.mixer-drawer select.mixer-select{-webkit-user-select:none;user-select:none}.mixer-drawer input[type=range]:focus:not(:focus-visible),.mixer-drawer select.mixer-select:focus:not(:focus-visible){outline:none}.mixer-drawer select.mixer-select:focus-visible{outline-offset:1px;outline:2px solid #c084fca6}.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{color:#f0f0f0;appearance:menulist;background-color:#00000059;width:100%;min-height:36px;font-size:16px;line-height:1.25}.mixer-instrument-picker .mixer-select option{color:#111;background-color:#fff}.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:flex;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;overflow-x:hidden}.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-controls-panel__sticky{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e12f7;border-bottom:1px solid #ffffff1a;padding:0 0 8px;position:sticky;top:-4px}.hydra-controls-panel__sticky .hydra-drawer-section__heading{margin-bottom:8px}.hydra-controls-panel__body{min-width:0}.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:repeat(2,minmax(0,1fr));align-items:center;gap:6px;display:grid}.mixer-fx-add-row .mixer-select{min-width:0}.mixer-fx-add-row .mixer-action-button{grid-column:1/-1;justify-self:stretch}.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}.app-shell{overscroll-behavior:none;box-sizing:border-box;height:100dvh;min-height:0;max-height:100dvh;font-family:Geist Mono,monospace;overflow:hidden}.app-shell button,.app-shell input,.app-shell select,.app-shell textarea,.app-shell label,.app-shell option{font-family:inherit}.app-main-stage{width:100%;min-height:0;margin-right:var(--keyboard-stage-right,0px);box-sizing:border-box;flex-direction:column;flex:auto;display:flex}.performance-toolbar{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:#ffffff0a;border:1px solid #ffffff29;border-radius:10px;flex:none;align-items:center;gap:0;max-width:100%;margin:0 8px 0 0;display:inline-flex;overflow-x:auto}.performance-toolbar__group{align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.performance-toolbar__divider{background:#ffffff24;align-self:stretch;width:1px;margin:6px 0}.performance-toolbar__field-label{letter-spacing:.04em;text-transform:uppercase;color:#f0f0f0b8;white-space:nowrap;font-size:10px}.performance-toolbar__select{color:#f6f6f6;background:#00000059;border:1px solid #fff3;border-radius:6px;min-width:96px;min-height:28px;padding:2px 6px;font-size:11px}.performance-toolbar__snapshots-btn{color:#f2f2f2;letter-spacing:.03em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.performance-toolbar__snapshots-btn.is-active{background:#6b46c147;border-color:#a78bfaf2}.transport-bpm-control{white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.transport-bpm-control__dot{background:#c8d7ffd9;border-radius:999px;flex-shrink:0;width:6px;height:6px}.transport-bpm-control__dot.is-locked{background:#6ee7b7}.transport-bpm-control__label,.transport-bpm-control__prefix{letter-spacing:.04em;text-transform:uppercase;color:#f0f0f0cc;font-size:10px;font-weight:700}.transport-bpm-control__input{color:#f6f6f6;background:#00000059;border:1px solid #ffffff38;border-radius:4px;width:52px;padding:2px 4px;font-size:11px}.transport-bpm-control__value,.transport-bpm-control__hint{color:#f0f0f0e6;font-size:11px}.transport-bpm-control__hint{opacity:.72;font-size:10px}.loop-timer-mode{white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.loop-timer-mode__dots{align-items:center;gap:4px;display:inline-flex}.loop-timer-mode__dot{background:#c8d7ff38;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;width:7px;height:7px}.loop-timer-mode__dot.is-active{background:#c8d7fff2;border-color:#f0f5ffd9;box-shadow:0 0 0 1px #6ee7b759}.loop-timer-mode__value{letter-spacing:.04em;text-transform:uppercase;color:#f0f0f0e0;min-width:2.4em;font-size:10px;font-weight:700}@media (width<=1400px){.transport-bpm-control__hint{display:none}}.viewport-tablet .transport-bpm-control__hint{display:none}.viewport-tablet .loop-timer-mode__label,.viewport-phone .loop-timer-mode__label,.viewport-tablet .performance-toolbar__keyboard-label,.viewport-phone .performance-toolbar__keyboard-label,.viewport-tablet .transport-bpm-control__prefix,.viewport-phone .transport-bpm-control__prefix{display:none!important}@media (width<=1100px){.loop-timer-mode__label,.performance-toolbar__keyboard-label,.transport-bpm-control__prefix{display:none!important}}.viewport-phone .transport-bpm-control__hint{display:none}.viewport-phone .performance-toolbar__group--loop-timer,.viewport-phone .performance-toolbar__group--transport+.performance-toolbar__divider{display:none!important}.snapshots-drawer{right:var(--snapshots-drawer-right,22px);z-index:100008;background:#f6f0e4;border-left:1px solid #0000002e;flex-direction:column;font-family:Geist Mono,monospace;display:flex;position:fixed;overflow:hidden;box-shadow:-8px 0 28px #00000047}.snapshots-drawer__header{background:#ffffff73;border-bottom:1px solid #0000001f;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.snapshots-drawer__title{letter-spacing:.04em;text-transform:uppercase;color:#1a1a1a;font-size:13px;font-weight:700}.snapshots-drawer__close{cursor:pointer;color:#333;background:0 0;border:none;padding:2px;display:inline-flex}.snapshots-drawer__body{flex:1;min-height:0;overflow:hidden}.snapshots-drawer--phone-fullscreen{z-index:200110;min-height:100dvh;padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;width:100%!important;max-width:100%!important;inset:0!important}.hardware-quick-popups__panel{z-index:100010;background:#f6f0e4;border:1px solid #0000002e;border-radius:12px;flex-direction:column;width:min(560px,100vw - 24px);max-height:min(84vh,820px);font-family:Geist Mono,monospace;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 14px 40px #00000059}.hardware-quick-popups__panel--portaled{z-index:200120;position:fixed}.hardware-quick-popups__panel-body{flex:1;min-height:0;overflow-y:auto}.hardware-quick-popups__panel-head{color:#1a1a1a;background:#ffffff73;border-bottom:1px solid #0000001f;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.hardware-quick-popups__panel-close{cursor:pointer;color:#333;background:0 0;border:none;padding:4px;display:inline-flex}.global-record-save-scrim{box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.global-record-save-panel{z-index:1;width:min(420px,100vw - 32px);max-height:min(84vh,520px);margin:0;position:relative;top:auto;right:auto}.global-record-save-panel__body{color:#1a1a1a;padding:12px 16px 16px;font-size:13px;line-height:1.35}.global-record-save-panel__lead{opacity:.78;margin:0 0 10px;font-size:12px;line-height:1.4}.global-record-save-panel__note,.global-record-save-panel__meta{opacity:.65;margin:0 0 10px;font-family:Geist Mono,monospace;font-size:11px;line-height:1.35}.global-record-save-panel__check{color:#1a1a1a;cursor:pointer;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;display:flex}.global-record-save-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.global-record-save-panel__btn{letter-spacing:.04em;color:#1a1a1a;cursor:pointer;background:#ffffffd9;border:1px solid #0000002e;border-radius:6px;padding:8px 12px;font-family:Geist Mono,monospace;font-size:11px}.global-record-save-panel__btn--primary{color:#f6f0e4;background:#1a1a1a;border-color:#1a1a1a}.sample-entry-toolbar{z-index:999;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sample-entry-toolbar__record-group{background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.sample-entry-toolbar__upload-group{align-items:center;display:inline-flex}.icon-btn-sm{color:#f2f2f2;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:1;display:inline-flex}.icon-btn-sm:disabled{opacity:.42;cursor:not-allowed}.icon-btn-sm--record.is-recording{background:#c8282859;border-color:#ff5050d9}.inline-toggle{color:#f0f0f0e6;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:10px;display:inline-flex}.waveform-controls-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.waveform-controls-row__bake{flex-wrap:wrap;flex:160px;align-items:center;gap:6px;min-width:0;display:inline-flex}.waveform-controls-row__actions{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.snapshots-panel{height:100%;padding:12px;font-family:Geist Mono,monospace;overflow-y:auto}.snapshot-card{background:#ffffffa6;border:1px solid #0000001f;border-radius:10px;padding:10px}.snapshot-card+.snapshot-card{margin-top:8px}.snapshot-card__name-input{color:#1a1a1a;box-sizing:border-box;background:#ffffffe6;border:1px solid #00000024;border-radius:6px;width:100%;padding:4px 6px;font-size:14px;font-weight:700}.snapshot-card__meta{opacity:.72;margin:6px 0 4px;font-size:10px;line-height:1.4}.snapshot-card__trigger{opacity:.82;margin-bottom:8px;font-size:10px}.snapshot-card__actions{flex-wrap:wrap;gap:6px;display:flex}.snapshot-card__actions button{padding:4px 8px;font-size:10px}.looper-transport-badge{color:#f0f0f0e0;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:2px 8px;font-size:10px;line-height:1.45}.looper-transport-badge.is-playing{background:#64dc8c33;border-color:#64dc8c73}.looper-transport-badge.is-hold-lane{background:#64b4ff2e;border-color:#64b4ff80}.looper-advanced-checks{background:#0000001f;border:1px solid #ffffff1a;border-radius:6px;flex-wrap:nowrap;align-items:center;gap:8px 12px;max-width:100%;margin-bottom:10px;padding:8px 10px;display:inline-flex;overflow-x:auto}.looper-advanced-checks .inline-toggle{font-size:11px}.hydra-drawer-section{flex-direction:column;gap:12px;display:flex}.hydra-drawer-section__block{background:#00000024;border:1px solid #ffffff1a;border-radius:8px;padding:10px}.hydra-drawer-section__heading{letter-spacing:.06em;text-transform:uppercase;color:#f0f0f0b8;margin-bottom:8px;font-size:10px;font-weight:700}.ui-feedback-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.ui-feedback-item{color:#f0f0f0e0;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:6px 8px;font-size:10px;line-height:1.4}.ui-feedback-item--muted{opacity:.78}.ui-feedback-item--warn{background:#ffa03c1a;border-color:#ffc87859}.mixer-instrument-hid{flex-wrap:wrap;align-items:center;gap:8px 10px;display:inline-flex}.mixer-instrument-hid__toggle{color:#f0f0f0e6;cursor:pointer;align-items:center;gap:6px;font-size:10px;display:inline-flex}.mixer-instrument-hid__toggle input{margin:0}.key-label-primary{font-weight:700;line-height:1.1;display:block}.key-label-secondary{opacity:.78;font-weight:500;line-height:1.1;display:block}.key-label-secondary--dense-hidden{opacity:0}.key-pointer-key:hover .key-label-secondary--dense-hidden,.key-pointer-key:focus-visible .key-label-secondary--dense-hidden,.key-pointer-key[data-active=true] .key-label-secondary--dense-hidden{opacity:.78}.key-label-inverted .key-label-primary{opacity:.72;font-size:.82em;font-weight:500}.key-label-inverted .key-label-secondary{opacity:1;font-size:1.08em;font-weight:700}.linear-chromatic-key{color:#0c0c0e;font-variant-numeric:tabular-nums;letter-spacing:.01em}.linear-chromatic-key__note{opacity:1;color:#0a0a0c;text-shadow:0 0 1px #ffffffbf,0 1px #ffffff8c;font-size:1.12em;font-weight:800;line-height:1.15;display:block}.linear-chromatic-key__meta{opacity:.92;color:#0a0a0ceb;text-shadow:0 1px #fff6;font-size:.92em;font-weight:700;line-height:1.15;display:block}.linear-chromatic-key__hz{opacity:.82;color:#0a0a0ce0;margin-top:2px;font-size:.78em;font-weight:600;line-height:1.15;display:block}.linear-chromatic-key.key-label-inverted .linear-chromatic-key__note{opacity:.9;font-size:.95em;font-weight:700}.linear-chromatic-key.key-label-inverted .linear-chromatic-key__meta{opacity:1;font-size:1.18em;font-weight:800}#keyboardWrapper{min-height:0;margin-right:var(--keyboard-stage-right,0px);box-sizing:border-box;z-index:1;flex:1;position:relative}.app-header-row{width:100%;min-width:0;min-height:calc(56px + env(safe-area-inset-top,0px));height:calc(56px + env(safe-area-inset-top,0px));max-height:none;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;color:#f6f6f6;z-index:200100;background:#141414e6;flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:visible}.app-header-row:has(.hardware-quick-popups__panel--portaled){overflow:visible}.app-header-row__right:has(.hardware-quick-popups){overflow:visible}.performance-header-cluster:has(.hardware-quick-popups){overflow:visible}.app-header-row__left,.app-header-row__right{align-items:center;min-width:0;display:flex}.app-header-row__left{pointer-events:all;flex:auto;justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding-left:6px;overflow:hidden}.app-header-row__right{flex:0 auto;justify-content:flex-end;min-width:0;max-width:100%;height:100%;overflow:auto hidden}.media-source-controls__status{flex-direction:column;gap:6px;display:flex}.media-source-controls__badge{color:#f0f0f0e0;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:6px 8px;font-size:10px;line-height:1.4}.media-source-controls__badge--muted{opacity:.82}.media-source-controls__badge--warn{background:#ffa03c1a;border-color:#ffc87859}.media-source-controls__badge--live{background:#64dc8c1f;border-color:#64dc8c73}.app-header-shell{box-sizing:border-box;z-index:200100;flex:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:visible}.app-header-shell--landing{z-index:2;width:100%;max-width:100%;min-height:100dvh;background:0 0;min-height:-webkit-fill-available;position:relative;overflow:visible}.app-header-shell--landing .app-header-row{min-height:100dvh;background:0 0;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:-webkit-fill-available;max-height:none;padding-top:0;display:flex;overflow:visible}.app-header-shell--landing .app-header-row__left{flex:auto;justify-content:center;width:100%;max-width:100%;height:100%;padding-left:0;overflow:visible}.app-header-shell--landing .app-header-row__right{display:none}.performance-header-cluster{overscroll-behavior-x:contain;box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;min-width:0;max-width:100%;height:100%;margin:0 8px 0 0;display:flex;position:relative;overflow:auto hidden}.performance-header-pill-host{flex:none;display:inline-flex;position:relative;overflow:visible}.performance-header-pill{color:#f2f2f2;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:8px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:4px 10px;font-family:Geist Mono,monospace;line-height:1.1;display:inline-flex}.performance-header-pill.is-active{background:#6b46c147;border:2px solid #a78bfaf2}.performance-header-pill__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.performance-header-pill__label{letter-spacing:.03em;white-space:nowrap;font-size:10px;font-weight:600}.hardware-quick-popups{flex:none;align-items:center;height:100%;display:inline-flex;position:relative}.hardware-quick-popups__pill-row{flex-wrap:nowrap;align-items:center;gap:6px;display:inline-flex}@media (width<=680px) and (orientation:portrait){.viewport-phone .performance-toolbar__group--transport,.viewport-phone .performance-toolbar__group--transport+.performance-toolbar__divider{display:none!important}.viewport-phone .performance-header-pill__label{display:none}.viewport-phone .performance-header-pill{gap:0;padding:4px 7px}}.controls-drawer-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.controls-drawer-grid--phone,.viewport-phone .controls-drawer-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;overflow:auto}.controls-drawer-grid__audin{min-width:0;min-height:0;overflow:auto}.controls-mixer-panel{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;min-width:0;height:100%;min-height:0;padding:8px 10px 12px;display:flex;overflow:hidden}.controls-mixer-panel__source-row{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.controls-mixer-panel__source-main{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.controls-mixer-panel__source-label{letter-spacing:.04em;text-transform:capitalize;color:#f6f6f6f2;align-items:center;gap:8px;min-width:0;font-family:Geist Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.controls-mixer-panel__source-extras{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.controls-mixer-panel__source-nav{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.controls-mixer-panel__nav-btn{color:#f0f0f0e6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:32px;margin:0;padding:4px;display:inline-flex}.controls-mixer-panel__nav-btn:hover,.controls-mixer-panel__nav-btn:focus-visible{background:#ffffff1f;outline:none}.controls-mixer-panel__poly-btn,.controls-mixer-panel__mode-btn{letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:Geist Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.controls-mixer-panel__poly-btn--on{color:#d8ffd8;background:#328c4661;border-color:#78dc78d9}.controls-mixer-panel__mode-btn--active{color:#eee;background:#ffffff24}.controls-mixer-panel__poly-btn:disabled,.controls-mixer-panel__mode-btn:disabled{opacity:.42;cursor:not-allowed}.controls-mixer-panel__poly-dot{background:#ffffff47;border-radius:50%;flex-shrink:0;width:6px;height:6px}.controls-mixer-panel__poly-dot--on{background:#7fff7f;box-shadow:0 0 6px #78ff78a6}.controls-mixer-panel__nodes{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:12px;min-height:0;padding-bottom:8px;padding-right:2px;display:flex;overflow:hidden auto}.controls-mixer-panel__empty{opacity:.75;text-align:left;padding:8px 2px;font-size:11px}.controls-mixer-node{background:#0000002e;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:8px 10px 10px;display:flex}.controls-mixer-node__title{letter-spacing:.03em;text-align:left;color:#f6f6f6eb;font-family:Geist Mono,monospace;font-size:11px;font-weight:600}.controls-mixer-node__sliders{text-align:left;grid-template-columns:1fr;gap:8px;min-width:0;display:grid}@media (width>=900px){.controls-mixer-node__sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}}.viewport-phone .controls-mixer-panel{height:auto;max-height:none;overflow:visible}.viewport-phone .controls-mixer-panel__nodes{max-height:min(48vh,420px)}@media (orientation:landscape) and (height<=480px){.viewport-phone .performance-header-pill__label{display:none!important}.viewport-phone .performance-header-pill{gap:0;padding:4px 7px}}@media (width<=640px){.viewport-phone .performance-toolbar__group--keyboard{flex-direction:row;align-items:center;gap:2px;min-height:0;padding:4px 6px}.viewport-phone .performance-toolbar__group--keyboard .performance-toolbar__select{width:100%;min-width:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}