*,*:before,*:after{box-sizing:border-box;touch-action:manipulation}:root{--background-color: #1c1c1c;--main-font-color: #aeadad;--color-accent: rgb(60, 171, 255);--color-sine: rgb(60, 171, 255);--color-sawtooth: rgb(255, 94, 94);--color-triangle: rgb(0, 205, 0);--color-square: rgb(179, 88, 255);--color-sine-dim: rgb(40, 113, 167);--color-sawtooth-dim: rgb(167, 62, 62);--color-triangle-dim: rgb(0, 134, 0);--color-square-dim: rgb(117, 58, 167);--color-pulse: rgb(255, 175, 50);--color-pulse-dim: rgb(167, 115, 33);--color-active: var(--color-accent);--color-active-bright: color-mix(in srgb, var(--color-active), white 18%);--color-spectrum: #b8b8b8;--chrome-1: #444;--chrome-2: #666;--chrome-3: #999;--chrome-4: #bbb;--chrome-5: #d1d1d1;--color-play: #6abf6a;--color-play-border: #4a9e5a;--color-play-hover: #88d488;--color-stop: #c45050;--color-stop-hover: #d46a6a;--color-danger: #f83e3e;--color-danger-active: #ff7979;--color-warning: #ff9a3d;--color-caution: #f8ff3be1;--color-solo: #c9a000;--color-mute: #c03030;--meter-led-green: #26aa44;--meter-led-amber: #cc8420;--meter-led-red: #cc2222;--meter-led-green-dim: #082811;--meter-led-amber-dim: #2b1c05;--meter-led-red-dim: #2b0707;--meter-led-green-peak: #2dcb52;--meter-led-amber-peak: #cc9e26;--meter-led-red-peak: #cc2828;--meter-led-glow: rgba(255, 255, 255, .25);--meter-bezel: #0a0a0a;--meter-bezel-inner: rgba(0, 0, 0, .85);--surface-tint-1: #ffffff08;--surface-tint-2: #ffffff0d;--surface-band: #ffffff2b;--surface-dark: color-mix(in srgb, var(--background-color), white 3%);--surface-darker: color-mix(in srgb, var(--background-color), black 29%);--chrome-border: #a6a6a6a3;--chrome-tab: #7f7f7f;--surface-border: #2a2a2a;--strip-border: #66666694;--slider-thumb: #c8c8c8;--slider-track: #9e9e9e60;--song-bar-divider: #ffffff3b;--border-control: 1px;--toggle-border: #ffffff96;--toggle-border-hover: #ffffff6f;--toggle-border-active: #e9e9e9;--toggle-track: #a1a1a114;--overlay: rgba(0, 0, 0, .7);--overlay-heavy: rgba(0, 0, 0, .85);--color-danger-deep: #b71c1c;--surface-terms: rgb(23 33 49);--tab-accent-1: #cc6677;--tab-accent-2: #cc9955;--tab-accent-3: #66aa77;--tab-accent-4: #6699bb;--tab-accent-5: #9977bb;--tab-accent-6: #bb7799;--chrome-selected: white;--color-modified: var(--color-caution);--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-base: 15px;--text-lg: 20px;--text-title: 22px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 22px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--radius: 4px;--radius-lg: 8px;--radius-full: 50%;--scrollbar-width: 6px;--scrollbar-radius: 3px;--transition-fast: .15s ease-out;--transition-slow: .3s ease-out;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--z-grid: 0;--z-playhead: 2;--z-rail: 10;--z-panel: 20;--z-dropdown: 100;--z-overlay: 1000;--z-fullscreen: 9999;--bp-mobile: 768px;--bp-compact: 430px;--bp-tiny: 380px}body{margin:0;display:flex;flex-direction:column;min-height:100dvh;background-color:var(--background-color);color:var(--chrome-5);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.5px}@media(min-width:769px){body{margin:var(--space-5)}}button,select,input,textarea{font-family:inherit}@media(hover:none){button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}#pageContainer{flex:1;display:flex;position:relative;width:100%;max-width:100vw;margin:0;gap:var(--space-3);visibility:hidden}[data-tooltip]{position:relative}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--surface-dark) 55%,transparent);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);color:var(--chrome-5);border:1px solid var(--chrome-border);font-family:inherit;font-size:var(--text-xs);font-weight:400;letter-spacing:normal;text-transform:none;border-radius:var(--radius);white-space:nowrap;pointer-events:none;z-index:var(--z-dropdown);opacity:0;animation:tooltipFadeIn .15s var(--ease-out-quart) forwards}.tooltip kbd{font-family:var(--font-mono);font-size:.92em;padding:0 var(--space-2);border:1px solid var(--chrome-border);border-radius:var(--radius)}.tooltip-below{bottom:auto;top:calc(100% + 6px)}.tooltip-align-left{left:0;transform:none}.tooltip-align-right{left:auto;right:0;transform:none}.tooltip-right{bottom:auto;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.tooltip-history{max-height:158px;overflow-y:auto;z-index:var(--z-dropdown);pointer-events:auto;opacity:0;animation:tooltipFadeIn .15s ease forwards;white-space:nowrap;text-align:left;counter-reset:history}.tooltip-history-title{position:sticky;top:0;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--chrome-4);font-weight:600;border-bottom:1px solid var(--chrome-1);background:var(--surface-dark);z-index:1}.tooltip-history-title:only-child{border-bottom:none}.tooltip-history-shortcut{margin-left:var(--space-3);padding:0 var(--space-2);font-family:var(--font-mono);font-size:.92em;font-weight:400;color:var(--chrome-3);border:1px solid var(--chrome-border);border-radius:var(--radius)}.tooltip-history-title--applied:before{content:"✓";display:inline-block;margin-right:var(--space-2);color:var(--color-active);font-weight:700}.tooltip-history-item{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--chrome-5);border-bottom:1px solid var(--surface-border);counter-increment:history}.tooltip-history-item:before{content:counter(history) ".";display:inline-block;min-width:1.75em;margin-right:var(--space-2);color:var(--chrome-3);font-variant-numeric:tabular-nums;text-align:right}.tooltip-history-item:last-child{border-bottom:none}.tooltip-history-item--flash{animation:tooltipHistoryFlash .6s ease-out}@keyframes tooltipFadeIn{to{opacity:1}}@keyframes tooltipHistoryFlash{0%{background:color-mix(in srgb,var(--color-active) 35%,transparent)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.tooltip-history-item--flash{animation:none}}@media only screen and (max-width:768px){.tooltip{display:none!important}.tooltip-history{left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - var(--space-9))}html{overflow:hidden;height:100vh;height:100svh}body{height:100vh;height:100svh;min-height:0;overflow:hidden;padding-bottom:calc(44px + env(safe-area-inset-bottom))}#pageContainer{flex-direction:column;width:100%;min-height:0;gap:0;touch-action:pan-y}#sidebarArea{order:0}}:focus-visible{outline:none}#audioWarning{color:var(--chrome-selected);background-color:var(--color-danger);padding:var(--space-5);text-align:center;font-size:var(--text-lg);position:fixed;width:100%;top:0;z-index:calc(var(--z-overlay) + 1);display:none}.skip-link{position:absolute;left:-9999px;top:var(--space-4);z-index:99999;padding:var(--space-4) var(--space-6);background:var(--surface-border);color:var(--chrome-5);border:1px solid var(--chrome-3);border-radius:var(--radius);font-size:var(--text-md);text-decoration:none}.skip-link:focus-visible{left:50%;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(2px,1fr));gap:.5px;width:100%;touch-action:none;position:relative;z-index:1;contain:content}.gridButton{padding:0;margin:0;background-color:var(--surface-tint-1);border:1px solid transparent;outline:none;position:relative}.gridButton.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,var(--chance-opacity, 0)) 2px,rgba(0,0,0,var(--chance-opacity, 0)) 4px);pointer-events:none}.gridButton.active[data-play-every]:after{content:attr(data-play-every);position:absolute;inset:auto;top:1px;right:2px;font-size:7px;line-height:1;color:#ffffffb3;background:none;pointer-events:none;z-index:1}#matrix[data-cols="8"] .gridButton.active[data-play-every]:after{font-size:14px;top:2px;right:4px}#matrix[data-cols="16"] .gridButton.active[data-play-every]:after{font-size:10px;top:2px;right:3px}#matrix[data-cols="8"] .gridButton.active[data-play-countdown]:after{font-size:14px;top:2px;right:4px}#matrix[data-cols="16"] .gridButton.active[data-play-countdown]:after{font-size:10px;top:2px;right:3px}.gridButton.active[data-play-countdown]:after{content:attr(data-play-countdown)}.gridButton.active[data-play-countdown="0"]:after{content:none}.gridButton.active.play-every-skipped{opacity:.35!important}.gridButton.root-note{background-color:var(--surface-tint-2)}.gridButton.outside-audio,.gridButton.root-note.outside-audio{background-color:var(--surface-tint-1)}.gridButton.drum-disabled{opacity:.25;pointer-events:none}.gridButton.loop-dimmed{opacity:.25}.gridButton.hover{border-color:color-mix(in srgb,var(--chrome-3) 45%,transparent)}#playhead{position:absolute;top:0;left:0;height:100%;background-color:#ffffff0f;pointer-events:none;z-index:var(--z-playhead);display:none;will-change:transform}.gridButton.active[data-waveform=sine]{border-color:var(--color-sine)}.gridButton.active[data-waveform=sawtooth]{border-color:var(--color-sawtooth)}.gridButton.active[data-waveform=triangle]{border-color:var(--color-triangle)}.gridButton.active[data-waveform=square]{border-color:var(--color-square)}.gridButton.active[data-waveform=pulse]{border-color:var(--color-pulse)}.gridButton.playing,.gridButton.active.playing,.gridButton.root-note.playing{border-color:var(--glow-color, yellow);border-width:1.15px;border-style:solid}.playheadRandom,.gridButton.root-note.playheadRandom{background-color:#ffffff0f}.gridButton.active.note-head,.gridButton.active.note-head.hover,.gridButton.active.note-head.playing{border-right-color:transparent!important}.gridButton.active.note-body,.gridButton.active.note-body.hover,.gridButton.active.note-body.playing{border-left-color:transparent!important;border-right-color:transparent!important}.gridButton.active.note-tail,.gridButton.active.note-tail.hover,.gridButton.active.note-tail.playing{border-left-color:transparent!important}.gridButton.selection-preview{background-color:#ffffff14}.gridButton.selected{box-shadow:inset 0 0 0 1.5px #ffffff80}.gridButton.active.selected{box-shadow:inset 0 0 0 1.5px #ffffffbf}.gridButton.active.note-head.selected{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1.5px #ffffffbf,inset 1.5px 0 #ffffffbf}.gridButton.active.note-body.selected{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1.5px #ffffffbf}.gridButton.active.note-tail.selected{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1.5px #ffffffbf,inset -1.5px 0 #ffffffbf}.gridButton.move-ghost{opacity:.3!important}.gridButton.move-preview{box-shadow:inset 0 0 0 1px #fff6;background-color:#ffffff0f}.show-notes .gridButton[data-step]:before{content:attr(data-step);position:absolute;top:1px;left:50%;transform:translate(-50%);font-size:clamp(6px,1vw,13px);line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.show-notes .gridButton[data-note]:before{content:attr(data-note);position:absolute;right:1px;top:50%;transform:translateY(-50%);font-size:clamp(6px,1vw,13px);line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.show-notes .gridButton[data-step][data-note]:before{content:attr(data-note);left:auto;top:50%;right:1px;transform:translateY(-50%)}.show-notes .gridButton[data-step-bottom]:before{content:attr(data-step-bottom);position:absolute;bottom:1px;left:50%;transform:translate(-50%);font-size:clamp(6px,1vw,13px);line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.show-notes .gridButton[data-step-bottom][data-note]:before{content:attr(data-note);left:auto;bottom:auto;top:50%;right:1px;transform:translateY(-50%)}#matrix[data-cols="64"].show-notes .gridButton[data-step]:before,#matrix[data-cols="64"].show-notes .gridButton[data-note]:before,#matrix[data-cols="64"].show-notes .gridButton[data-step-bottom]:before{font-size:clamp(5px,.55vw,8px)}.gridButton.hidden-note-above{box-shadow:inset 0 2px 0 0 var(--indicator-color)}.gridButton.hidden-note-below{box-shadow:inset 0 -2px 0 0 var(--indicator-color)}@media only screen and (max-width:768px){#gridArea{order:1;width:100%;padding:0 var(--space-1);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;position:relative}#gridArea::-webkit-scrollbar{display:none}#matrix{width:100%;height:auto;max-width:100%;flex:1;min-height:0}}#gridMatrixRow{display:flex;flex-direction:row;align-items:stretch;width:100%}#matrixStack{flex:1;min-width:0;display:flex;flex-direction:column}.matrix-row{flex:1;display:flex;flex-direction:row;min-width:0;min-height:0;align-items:stretch;position:relative}#matrix{flex:1;min-width:0;min-height:0}.grid-scrollbar{position:relative;width:0;overflow:hidden;background:#ffffff06;touch-action:none;flex-shrink:0}#gridArea.gridbars-on .grid-scrollbar{width:10px;margin-left:var(--space-1)}.grid-scrollbar-thumb{position:absolute;left:0;right:0;top:0;height:24px;background:#ffffff0f;border-radius:3px;cursor:grab;transition:background .15s ease}.grid-scrollbar-thumb:hover{background:#ffffff2e}.grid-scrollbar-thumb.dragging{background:#ffffff47;cursor:grabbing}#gridArea.gridbars-on .grid-scrollbar.inert{width:0;margin-left:0}.grid-scrollbar.inert .grid-scrollbar-thumb{cursor:default}.grid-loop-bar{position:relative;height:0;overflow:hidden;background:#ffffff06;touch-action:none;flex-shrink:0;cursor:ew-resize;contain:paint;will-change:transform}#gridArea.gridbars-on .grid-loop-bar{height:10px;margin-top:var(--space-1)}.grid-loop-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--loop-pct, 100%);background:#ffffff0f;border-radius:3px;transition:background .15s ease}.grid-loop-bar:hover:before{background:#ffffff2e}.grid-loop-bar.dragging:before{background:#ffffff47}.grid-loop-bar.dragging{cursor:grabbing}.tabContainer{width:100%}.tabs{display:flex;margin-top:var(--space-2);margin-bottom:var(--space-2);white-space:nowrap}.tabs:after{content:"";flex:1 1 auto;border-bottom:1px solid #ffffff3b}.tabButton{display:inline-block;padding:var(--space-3) var(--space-4);background-color:transparent;color:var(--chrome-tab);cursor:pointer;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border:1px solid transparent;border-bottom-color:#ffffff3b;font-size:var(--text-sm);letter-spacing:.5px}.tabButton:hover{background-color:var(--surface-tint-1)}.tabButton:active{color:var(--chrome-4)}@media(hover:none){.tabButton:hover{background-color:transparent}}.tabContent>div{display:none;grid-template-columns:repeat(2,1fr);gap:var(--space-4);min-width:0}.tabContent{min-width:0}.tabs,.tabContent{grid-column:1 / -1}.tabContainer:has(#oscTab2:checked) .tabContent #oscTab2Content,.tabContainer:has(#fxTab1:checked) .tabContent #fxTab1Content,.tabContainer:has(#fxTab3:checked) .tabContent #fxTab3Content,.tabContainer:has(#fxTab2:checked) .tabContent #fxTab2Content,.tabContainer:has(#editTab1:checked) .tabContent #editTab1Content{display:grid}.tabContainer:has(#oscTab1:checked) .tabContent #oscTab1Content,.tabContainer:has(#oscTab3:checked) .tabContent #oscTab3Content{display:flex;flex-direction:column}.tabContainer:has(#oscTab4:checked) .tabContent #oscTab4Content,.tabContainer:has(#editTab2:checked) .tabContent #editTab2Content,.tabContainer:has(#editTab3:checked) .tabContent #editTab3Content,.tabContainer:has(#modTab1:checked) .tabContent #modTab1Content,.tabContainer:has(#modTab2:checked) .tabContent #modTab2Content{display:block}.tabContainer:has(#optionsTab1:checked) .tabContent #optionsTab1Content,.tabContainer:has(#optionsTab2:checked) .tabContent #optionsTab2Content,.tabContainer:has(#optionsTab3:checked) .tabContent #optionsTab3Content{display:flex;flex-direction:column;gap:var(--space-5)}#oscTab1Content,#oscTab2Content,#oscTab3Content,#oscTab4Content{gap:var(--space-6)}.tabContainer:has(#oscTab1:checked) label[for=oscTab1],.tabContainer:has(#oscTab2:checked) label[for=oscTab2],.tabContainer:has(#oscTab3:checked) label[for=oscTab3],.tabContainer:has(#oscTab4:checked) label[for=oscTab4],.tabContainer:has(#fxTab1:checked) label[for=fxTab1],.tabContainer:has(#fxTab3:checked) label[for=fxTab3],.tabContainer:has(#fxTab2:checked) label[for=fxTab2],.tabContainer:has(#optionsTab1:checked) label[for=optionsTab1],.tabContainer:has(#optionsTab2:checked) label[for=optionsTab2],.tabContainer:has(#optionsTab3:checked) label[for=optionsTab3],.tabContainer:has(#editTab1:checked) label[for=editTab1],.tabContainer:has(#editTab2:checked) label[for=editTab2],.tabContainer:has(#editTab3:checked) label[for=editTab3],.tabContainer:has(#modTab1:checked) label[for=modTab1],.tabContainer:has(#modTab2:checked) label[for=modTab2]{border-top-color:#ffffff3b;border-right-color:#ffffff3b;border-left-color:#ffffff3b;border-bottom-color:transparent;color:var(--chrome-4)}.tabButton--colors span:nth-child(1){color:var(--tab-accent-1)}.tabButton--colors span:nth-child(2){color:var(--tab-accent-2)}.tabButton--colors span:nth-child(3){color:var(--tab-accent-3)}.tabButton--colors span:nth-child(4){color:var(--tab-accent-4)}.tabButton--colors span:nth-child(5){color:var(--tab-accent-5)}.tabButton--colors span:nth-child(6){color:var(--tab-accent-6)}.tabContent .effectDimmedContainer:not(.voices-body){grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.tabContent .envDimmedContainer{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:var(--space-6)}.tabContent .envToggleButton{grid-column:1 / -1;padding:4px;color:#a4a4a4}.tabContent .colItem{grid-column:1 / -1}input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tabContainer:has(#oscTab1:focus-visible) label[for=oscTab1],.tabContainer:has(#oscTab2:focus-visible) label[for=oscTab2],.tabContainer:has(#oscTab3:focus-visible) label[for=oscTab3],.tabContainer:has(#oscTab4:focus-visible) label[for=oscTab4],.tabContainer:has(#fxTab1:focus-visible) label[for=fxTab1],.tabContainer:has(#fxTab3:focus-visible) label[for=fxTab3],.tabContainer:has(#fxTab2:focus-visible) label[for=fxTab2],.tabContainer:has(#optionsTab1:focus-visible) label[for=optionsTab1],.tabContainer:has(#optionsTab2:focus-visible) label[for=optionsTab2],.tabContainer:has(#optionsTab3:focus-visible) label[for=optionsTab3],.tabContainer:has(#editTab1:focus-visible) label[for=editTab1],.tabContainer:has(#editTab2:focus-visible) label[for=editTab2],.tabContainer:has(#editTab3:focus-visible) label[for=editTab3],.tabContainer:has(#modTab1:focus-visible) label[for=modTab1],.tabContainer:has(#modTab2:focus-visible) label[for=modTab2]{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.fm-section-tab,.options-popup-content .tabButton{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:transparent;color:var(--chrome-3);border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-.5px;cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast)}.fm-section-tab:not(.fm-section-tab--active):hover,.options-popup-content .tabButton:hover{background:transparent;color:var(--chrome-4)}.fm-section-tab--active,.options-popup-content .tabContainer:has(#optionsTab1:checked) label[for=optionsTab1],.options-popup-content .tabContainer:has(#optionsTab2:checked) label[for=optionsTab2],.options-popup-content .tabContainer:has(#optionsTab3:checked) label[for=optionsTab3]{color:var(--color-active);border-bottom-color:var(--color-active)}.fm-section-tab--active:hover,.options-popup-content .tabContainer:has(#optionsTab1:checked) label[for=optionsTab1]:hover,.options-popup-content .tabContainer:has(#optionsTab2:checked) label[for=optionsTab2]:hover,.options-popup-content .tabContainer:has(#optionsTab3:checked) label[for=optionsTab3]:hover{color:var(--color-active-bright);border-bottom-color:var(--color-active-bright)}@media only screen and (max-width:768px){#panelSound .tabContent{display:grid}#panelSound .tabContent>div{grid-area:1 / 1;display:grid;align-content:start;opacity:0;pointer-events:none;z-index:0}#panelSound .tabContainer:has(#oscTab1:checked) .tabContent #oscTab1Content,#panelSound .tabContainer:has(#oscTab3:checked) .tabContent #oscTab3Content,#panelSound .tabContainer:has(#oscTab4:checked) .tabContent #oscTab4Content{opacity:1;pointer-events:auto;z-index:1}}.voices-group{display:block;margin-top:var(--space-3)}.voices-group:first-child{margin-top:0}.voices-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3) 0 0}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.chip-group{display:flex;flex-direction:column;gap:var(--space-2)}.chip-group-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--chrome-3);text-align:start}.chip-group-options{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.chip-group--equal-8 .chip-group-options{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2)}.chip-group--cluster .chip-group-options{display:inline-flex;flex-wrap:nowrap;align-self:start;border:1px solid var(--surface-border);border-radius:6px;padding:2px;gap:0}.chip-group--cluster .chip-group-options>.controlButton{height:28px;border:none;border-radius:4px;background-color:transparent;color:var(--chrome-3)}.chip-group--cluster .chip-group-options>.controlButton:hover{background-color:var(--surface-tint-2);color:var(--chrome-5)}.chip-group--cluster .chip-group-options>.controlButton.selected{background-color:var(--surface-tint-2);color:var(--color-active);box-shadow:0 0 0 .5px var(--chrome-1);border:none}.chip-group--cluster .chip-group-options>.controlButton.selected:hover{background-color:var(--surface-tint-2);color:var(--color-active)}.chip-group--cluster.chip-group--equal-8 .chip-group-options{display:grid;grid-template-columns:repeat(8,1fr);gap:0;align-self:stretch}#oscTab3Content{gap:var(--space-3)}.sliderItem.no-label .labelContainer{justify-content:flex-end}.sliderItem.no-label .labelContainer label{display:none}.lfoGroup,.section-title{position:relative;display:flex;align-items:center;gap:var(--space-3);text-transform:uppercase;margin:var(--space-1) 0 0 0;font-size:var(--text-xs);font-weight:800;letter-spacing:1.2px;color:var(--chrome-3);padding-inline:var(--space-4);padding-block:5px;background:var(--surface-tint-1);border-radius:0 var(--radius) var(--radius) 0}.section-title>span{flex:1 1 auto;min-width:0}.section-title:first-child{margin-top:0}.section-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.section-collapsible:before{content:"";display:inline-block;width:.85em;height:.85em;vertical-align:-.1em;background-color:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / contain;transition:transform .15s ease}.section-collapsible.section-collapsed:before{transform:rotate(-90deg)}.section-collapse-hidden{display:none!important}#panelSequencer .section-title{margin-bottom:0}.section-title--grid{grid-column:1 / -1}.controlButton.inlineToggle{margin-left:auto;padding:5px;font-size:var(--text-sm);line-height:1;color:var(--chrome-3)}.drum-track-active [data-drum-hide],[data-drum-show]{display:none!important}.drum-track-active [data-drum-show]{display:block!important}.drum-only-message{grid-column:1 / -1;text-align:center;color:var(--chrome-3);font-size:var(--text-md)}.drum-track-active .notesGridColumns{grid-template-columns:repeat(2,1fr)}.drum-track-active #drumRowEditGroup{display:block!important;grid-column:1 / -1}.drumRowEditContainer{display:flex;flex-direction:column;gap:var(--space-3)}#drumRowSelect{width:100%;padding:var(--space-4) var(--space-3)}.drumRowSlidersGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.grooveSliderGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-6)}.drum-track-active .grooveSliderGrid>.sliderItem:nth-of-type(3){grid-column:1 / -1}#shiftNotesGroup{order:-1}.drum-track-active #shiftNotesGroup{order:unset}.drum-row-selected{background-color:#ffffff26!important;box-shadow:inset 0 0 0 1px #fff3}.delayModeContainer .delay-mode-stereo,.delayModeContainer .delay-mode-reverse,.delayModeContainer .delay-mode-pitchshift,.delayModeContainer .delay-mode-slapback{display:none}.delay-mode-active-stereo .delay-mode-stereo,.delay-mode-active-reverse .delay-mode-reverse,.delay-mode-active-pitchshift .delay-mode-pitchshift,.delay-mode-active-slapback .delay-mode-slapback{display:flex}.delay-mode-active-slapback .delayTimeContainer,.delay-mode-active-slapback .delayFeedbackContainer{display:none}.delaySyncContainer.slapback-disabled{opacity:.35;pointer-events:none}.controlButtonContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:0}.presetContainer{margin:0 0 var(--space-2) 0;display:flex;gap:var(--space-3);align-items:center}#presetSelectBox{flex:1;min-width:0;padding:0 var(--space-8) 0 var(--space-5);font-size:var(--text-md);height:32px;line-height:32px;display:flex;align-items:baseline;gap:var(--space-2)}.preset-trigger-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-trigger-bank{flex:none;font-size:9px;color:var(--chrome-3);white-space:nowrap}#presetSelectBox[data-edited=true] .preset-trigger-name{font-style:italic}.presetContainer.loading #presetSelectBox{opacity:.6}.presetContainer.loading .spinner{display:inline-block}.preset-retry-btn{display:none;flex-shrink:0;width:28px;height:28px;padding:0;font-size:var(--text-md);line-height:1;color:var(--color-warning);background:transparent;border:.5px solid var(--color-warning);border-radius:var(--radius);cursor:pointer}.presetContainer.load-error #presetSelectBox{opacity:.6;border-color:var(--color-warning)}.presetContainer.load-error .preset-retry-btn{display:inline-flex;align-items:center;justify-content:center}.presetNavButton{flex-shrink:0;width:32px;height:32px;padding:0;font-size:var(--text-lg);line-height:1;color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.presetNavButton:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.presetNavButton:active{color:var(--chrome-selected);border-color:var(--chrome-5)}@media(hover:none){.presetNavButton:hover{color:var(--main-font-color);border-color:var(--chrome-border)}}.texturePresetContainer{margin:var(--space-2) 0;justify-content:center}.mainPresetSelect.selectBox{flex:1;min-width:0;padding:0 var(--space-8) 0 var(--space-5);font-size:var(--text-sm);height:32px;line-height:32px}.customizeToggle{display:block;width:100%;margin:var(--space-2) 0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.customizeToggle.customizeActive{background-color:var(--surface-tint-2);border-color:var(--color-active);color:var(--color-active)}.customizeToggle.customizeActive:hover{border-color:var(--color-active-bright);color:var(--color-active-bright)}.slide-panel .sliderContainer.textureSliders--hidden{display:none}.colItem{display:flex;flex-direction:column;gap:var(--space-4);width:100%}#playStopButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);font-size:var(--text-lg);color:var(--color-play);background-color:transparent;border:.5px solid var(--color-play-border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),transform .1s ease;letter-spacing:1px;margin:var(--space-3) 0 0 0}#playStopButton .play-stop-icon{flex-shrink:0}#playStopButton .stop-icon,#playStopButton.stopState .play-icon{display:none}#playStopButton.stopState .stop-icon{display:inline-block}#playStopButton:hover{border-color:var(--color-play-border);color:var(--color-play-hover)}#playStopButton:active{transform:scale(.97)}#playStopButton.stopState{border-color:var(--color-stop);color:var(--color-stop)}#playStopButton.stopState:hover{color:var(--color-stop-hover)}.controlButton{display:inline-block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.controlButton:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.controlButton:active{color:var(--chrome-selected);border-color:var(--chrome-5)}.controlButton:disabled,.controlButton.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(hover:none){.controlButton:hover{color:var(--main-font-color);border-color:var(--chrome-border)}}.controlButton.toggle-active:not(.effectToggle--outline){background-color:var(--surface-tint-2);border-color:var(--color-active);color:var(--color-active)}.controlButton.toggle-active:not(.effectToggle--outline):hover{background-color:color-mix(in srgb,var(--chrome-selected) 10%,transparent);border-color:var(--color-active-bright);color:var(--color-active-bright)}.controlButton.delaySyncButton.toggle-active:not(.effectToggle--outline),.controlButton.delaySyncButton.toggle-active:not(.effectToggle--outline):hover{background-color:transparent}#clearButton:not(.clear-split),#resetSlidersButton{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2)}#clearButton>svg,#resetSlidersButton>svg{width:13px;height:13px;flex-shrink:0}#clearButton:hover{border:.5px solid var(--chrome-4);color:var(--chrome-5)}@media(hover:none){#clearButton:hover{border:.5px solid var(--chrome-border);color:var(--chrome-3)}}#clearButton:active{border:.5px solid var(--color-danger-active)}#clearButton.confirm-pending{border-color:var(--color-danger);color:var(--color-danger)}#clearButton.clear-split{display:flex;gap:var(--space-2);align-items:stretch;border-color:transparent;padding:0}#clearButton.clear-split .clear-split-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);letter-spacing:0;cursor:pointer;border:.5px solid transparent;border-radius:var(--radius);background-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}#clearButton.clear-split .clear-split-all{color:var(--color-danger)}#clearButton.clear-split .clear-split-track{color:var(--color-warning)}#clearButton.clear-split .clear-split-page{color:var(--color-caution)}#songBar #clearButton.clear-split:hover{background-color:transparent}#clearButton.clear-split .clear-split-btn:hover{background-color:var(--surface-tint-2)}@media(hover:none){#clearButton.clear-split .clear-split-btn:hover{background-color:transparent}}#resetAllButton.confirm-pending{border-color:var(--color-danger);color:var(--color-danger)}#resetSlidersButton:hover{color:var(--chrome-5);border:.5px solid var(--chrome-4)}@media(hover:none){#resetSlidersButton:hover{border:.5px solid var(--chrome-1);color:var(--chrome-3)}}#resetSlidersButton:active{border:.5px solid var(--color-caution)}:is(#songBar,.transport-play-row) #resetSlidersButton.confirm-pending{color:var(--color-caution)}#resetSlidersButton.confirm-pending>svg{display:none}#resetSlidersButton .controlButton-label{min-width:0;max-width:100%}#resetSlidersButton.confirm-pending .controlButton-label{font-size:var(--text-xs);letter-spacing:0;text-transform:none;line-height:1.1;white-space:normal;overflow-wrap:anywhere;text-align:center}.exportImportButton{padding:var(--space-3) var(--space-4)}.exportImportButton:active{border-color:var(--chrome-5)}.utilButtons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);grid-column:1 / -1}.utilButtons .download-control-button{grid-column:1 / -1}.utilButtons .controlButton{width:100%;padding-top:var(--space-4);padding-bottom:var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3)}.utilButtons .controlButton svg{flex-shrink:0;vertical-align:middle}.midi-record-btn{display:none}.effectToggle--outline{font-size:0;line-height:0;overflow:visible;position:relative;border:none;background:transparent;padding:0;width:28px;height:18px;display:flex;align-items:center;flex-shrink:0;cursor:pointer}.effectToggle--outline:before{content:"";position:absolute;width:26px;height:14px;border-radius:7px;background:transparent;border:1px solid var(--toggle-border);left:1px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.effectToggle--outline:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--chrome-2);left:4px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.effectToggle--outline:hover:before{border-color:var(--toggle-border-hover)}.effectToggle--outline:hover:after{background:var(--chrome-3)}.effectToggle--outline.toggle-active:before{background-color:var(--toggle-track);border-color:var(--toggle-border-active)}.effectToggle--outline.toggle-active:after{transform:translate(10px);background:var(--chrome-5)}.effectToggle--outline:focus-visible{border-radius:999px}.effectToggle--outline:disabled,.effectToggle--outline.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media only screen and (max-width:768px){#playStopButton{font-size:var(--text-lg);padding:var(--space-5) var(--space-5);border-width:1px}.controlButton,.exportImportButton{padding:var(--space-3)}.controlButtonContainer{margin:var(--space-5) 0 var(--space-4) 0}#clearButton br,#resetSlidersButton br{display:none}}.labelContainer{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-width:0}.labelContainer label{overflow:hidden;text-overflow:ellipsis}.labelContainer .sliderValueDisplay{flex-shrink:0}label{font-size:var(--text-sm);color:var(--main-font-color);font-weight:500;white-space:nowrap}.sliderItem label,.fader-item label{text-transform:lowercase;font-weight:400;letter-spacing:1px}.sliderItem label:first-letter,.fader-item label:first-letter{text-transform:uppercase}.midi-device-selectors .sliderItem label{text-transform:none;font-weight:500;letter-spacing:normal}.selectBox{cursor:pointer;width:100%;border-radius:var(--radius);text-align:left;padding-left:var(--space-7);font-size:var(--text-xs);color:var(--main-font-color);border:.5px solid var(--chrome-border);letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOTk5IiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 4px center;background-size:16px 16px;padding-right:var(--space-8)}.selectBox:hover{color:var(--chrome-5);border:.5px solid var(--chrome-4)}.selectBox:active{border-color:var(--chrome-4)}.selectBox:focus-visible{outline:1px solid var(--color-active);outline-offset:2px;border-color:var(--chrome-1);box-shadow:none;background-color:transparent}@media(hover:none){.selectBox:hover{background-color:transparent;color:var(--chrome-3)}}button.selectBox{font-family:inherit;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.selectBox:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.dropdown-popover{width:240px;max-height:360px;display:flex;flex-direction:column;padding:var(--space-2);z-index:var(--z-overlay);outline:none}.dropdown-popover-search{width:100%;height:32px;flex-shrink:0;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px;color:var(--chrome-5);padding:0 var(--space-2);font-size:var(--text-xs);margin-bottom:var(--space-2);font-family:inherit}.dropdown-popover-list{overflow-y:auto;flex:1;min-height:0}.dropdown-popover-group-header{position:sticky;top:0;background:var(--surface-dark);font-size:9px;color:var(--chrome-3);text-transform:uppercase;letter-spacing:.4px;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--surface-border);z-index:1}.dropdown-popover-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--text-xs);color:var(--chrome-4);border-radius:3px}.dropdown-popover-item:hover,.dropdown-popover-item[data-active=true]{background:var(--surface-tint-1);color:var(--chrome-5)}.dropdown-popover-item[aria-selected=true]{color:var(--color-active)}.dropdown-popover-item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.dropdown-popover-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-popover-item-trailing{color:var(--chrome-3);font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding-left:var(--space-2)}.dropdown-popover-empty{padding:var(--space-3);text-align:center;color:var(--chrome-3);font-size:var(--text-xs)}.dropdown-popover:has(.preset-popover-header-inner){width:320px}.dropdown-popover-header{margin-bottom:var(--space-2)}.preset-popover-header-inner{display:flex;flex-direction:column;gap:var(--space-1)}.preset-popover-segmented{display:flex;gap:2px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px;padding:2px}.preset-popover-segmented-btn{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--chrome-3);font:inherit;font-size:var(--text-xs);padding:4px 6px;border-radius:3px;cursor:pointer;white-space:nowrap}.preset-popover-segmented-btn:hover{color:var(--chrome-5)}.preset-popover-segmented-btn[aria-selected=true]{background:var(--surface-dark);color:var(--color-active)}.preset-popover-chips{display:flex;flex-wrap:wrap;gap:4px;margin-block:var(--space-2)}.preset-popover-chips-band{display:flex;align-items:flex-start;gap:4px;margin-block:var(--space-2)}.preset-popover-chips-band>.preset-popover-chips{flex:1;min-width:0;margin-block:0}.preset-popover-chips-band[data-collapsed=true]>.preset-popover-chips{max-height:24px;overflow:hidden}.preset-popover-chips-toggle{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--surface-border);color:var(--chrome-3);font:inherit;font-size:10px;line-height:1.4;padding:3px 8px;border-radius:999px;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.preset-popover-chips-toggle:hover{color:var(--chrome-5);border-color:var(--chrome-2)}.preset-popover-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--surface-border);color:var(--chrome-3);font:inherit;font-size:10px;line-height:1.4;padding:3px 8px;border-radius:999px;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.preset-popover-chip:hover{color:var(--chrome-5);border-color:var(--chrome-2)}.preset-popover-chip[aria-pressed=true]{background:var(--color-active);border-color:var(--color-active);color:var(--surface-dark)}.preset-popover-chip--bank{text-transform:none;letter-spacing:0;max-width:140px;overflow:hidden;text-overflow:ellipsis}.preset-popover-chips-sep{align-self:stretch;width:1px;margin:2px 4px;background:var(--surface-border)}.preset-popover-upload-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:6px;width:100%;background:transparent;border:1px dashed var(--surface-border);color:var(--chrome-3);font:inherit;font-size:11px;padding:6px 8px;border-radius:6px;cursor:pointer;text-align:center}.preset-popover-upload-btn:hover{color:var(--chrome-5);border-color:var(--chrome-2)}.preset-popover-banks{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-top:6px;border-top:1px solid var(--surface-border)}.preset-popover-banks-title{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--chrome-2);padding:0 2px 2px}.preset-popover-bank-row{display:flex;align-items:center;gap:4px;min-height:24px}.preset-popover-bank-name{flex:1;font-size:11px;color:var(--chrome-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-popover-bank-rename,.preset-popover-bank-delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;background:transparent;border:1px solid transparent;color:var(--chrome-3);font:inherit;font-size:12px;line-height:1;padding:3px 6px;border-radius:4px;cursor:pointer}.preset-popover-bank-rename:hover,.preset-popover-bank-delete:hover{color:var(--chrome-5);border-color:var(--surface-border)}.preset-popover-bank-delete[data-confirm=true]{color:var(--color-danger, #e0533d);border-color:var(--color-danger, #e0533d);font-size:10px;text-transform:uppercase;letter-spacing:.3px}.preset-popover-bank-edit{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-dark);border:1px solid var(--color-active);color:var(--chrome-5);font:inherit;font-size:11px;padding:3px 6px;border-radius:4px;min-width:0}.dropdown-popover[data-drag-over=true]{outline:2px dashed var(--color-active);outline-offset:-2px}.dropdown-popover-row-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--chrome-2);font:inherit;font-size:14px;line-height:1;padding:0 4px;cursor:pointer;margin-left:4px;border-radius:3px}.dropdown-popover-row-action:hover{color:var(--chrome-5)}.dropdown-popover-row-action[data-active=true]{color:var(--color-active)}.dropdown-popover-row-action:focus-visible{outline:1px solid var(--color-active);outline-offset:1px}.preset-popover-empty-state{padding:var(--space-4) var(--space-2);text-align:center;color:var(--chrome-3);font-size:var(--text-xs);line-height:1.4}.preset-popover-edit-btn:hover{color:var(--color-active)}.preset-popover-delete-btn:hover,.preset-popover-delete-btn[data-active=true]{color:var(--color-danger, #e5484d)}.preset-row-rename:hover,.preset-row-duplicate:hover{color:var(--color-active)}.preset-row-delete{color:color-mix(in srgb,var(--color-danger) 75%,transparent)}.preset-row-delete svg{width:13px;height:13px;vertical-align:middle}.preset-row-delete:hover,.preset-row-delete[data-active=true]{color:var(--color-danger, #e5484d)}.preset-mine-save-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0 0}.preset-mine-update-btn,.preset-mine-save-as-btn,.preset-save-name-commit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid transparent;border-radius:3px;color:var(--chrome-3);font:inherit;font-size:var(--text-xs);padding:2px 8px;cursor:pointer;max-width:180px}.preset-save-name-commit-btn{flex-shrink:0}.preset-mine-update-btn svg,.preset-mine-save-as-btn svg,.preset-save-name-commit-btn svg{width:14px;height:14px;flex-shrink:0}.preset-mine-btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-mine-update-btn:hover,.preset-mine-save-as-btn:hover,.preset-save-name-commit-btn:hover{background:var(--surface-tint-2);border-color:transparent;color:var(--chrome-5)}.preset-mine-update-btn:active,.preset-mine-save-as-btn:active,.preset-save-name-commit-btn:active{color:var(--chrome-selected)}@media(hover:none){.preset-mine-update-btn:hover,.preset-mine-save-as-btn:hover,.preset-save-name-commit-btn:hover{background:transparent;color:var(--chrome-3)}}.preset-mine-save-error{font-size:var(--text-xs);color:var(--color-danger, #e5484d);flex:1 1 100%;padding-top:var(--space-1)}.preset-save-name-row{display:flex;align-items:center;gap:var(--space-2);width:100%}.preset-save-name-input{background:transparent;border:none;border-bottom:1px solid var(--color-active);color:var(--main-font-color);font:inherit;font-size:var(--text-xs);line-height:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;outline:none}.preset-row-rename-input{background:transparent;border:none;border-bottom:1px solid var(--color-active);color:var(--main-font-color);font:inherit;font-size:inherit;line-height:inherit;padding:0;margin:0;width:100%;outline:none}.preset-edit-bar{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--chrome-1);border:1px solid var(--chrome-2);border-radius:4px;font-size:var(--text-xs)}.preset-edit-bar-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chrome-5)}.preset-edit-bar-save,.preset-edit-bar-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--chrome-2);border-radius:3px;background:transparent;color:var(--chrome-5);font:inherit;font-size:var(--text-xs);padding:2px 8px;cursor:pointer}.preset-edit-bar-save{border-color:var(--color-active);color:var(--color-active)}.preset-edit-bar-save:hover,.preset-edit-bar-cancel:hover{background:var(--chrome-1)}#fileInput{display:none}#scaleSelectBox,#delayModeSelect{margin-top:0;padding:var(--space-4) var(--space-3)}#scaleSelectBox:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}#gridSizeSelectBox{padding:0 var(--space-8) 0 var(--space-6);font-size:var(--text-md)}.scaleContainer{display:flex;flex-direction:column;width:100%}@media only screen and (max-width:768px){.selectBox{padding:var(--space-3)}label{font-size:var(--text-md)}.labelContainer{padding-right:var(--space-6)}#scaleSelectBox{padding-left:var(--space-5);padding-right:var(--space-8);font-size:var(--text-xs);text-overflow:ellipsis;overflow:hidden}}@media only screen and (max-width:430px)and (orientation:portrait){.labelContainer{padding-right:var(--space-5)}}.editGroup{display:flex;flex-direction:column;align-items:center;align-self:start;width:100%}.editGroup>.section-title{margin-bottom:var(--space-6)}.moveNotesContainer{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.moveNotesScope{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:10px}.horizontalButtons{display:flex;gap:var(--space-1);justify-content:space-between;width:76px}.transposeContainer{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.transposeLabel{font-size:var(--text-sm);color:var(--chrome-2);font-weight:500}.transposeLabel.transpose-limit{color:var(--color-danger-active);animation:transpose-shake .3s ease-out}@keyframes transpose-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.transposeModeButton{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);margin-top:var(--space-2);min-width:48px}.notesGridGroup{grid-column:1 / -1;align-items:stretch;margin-bottom:var(--space-6)}.notesGridGroup>.section-title{margin-bottom:var(--space-8)}.notesGridColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%}.notesGridCol{display:flex;flex-direction:column;align-items:center}.notesGridColLabel{font-size:var(--text-sm);color:var(--main-font-color);font-weight:500;margin-bottom:var(--space-3)}#notePropertiesGroup{grid-column:1 / -1;align-items:stretch}#notePropertiesGroup>.section-title{margin-bottom:var(--space-4)}.notePropertiesContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%}#notePropertiesGroup.disabled .notePropertiesContainer{opacity:.5;pointer-events:none}.np-waveform-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.np-waveform-row .waveformBox{flex:0 0 auto;padding:var(--space-1)}.np-waveform-item{display:flex;flex-direction:column;gap:var(--space-1)}.sliderItem.wide{grid-column:span 2}.editArrowButton{position:relative;width:var(--space-8);height:var(--space-8);background-color:transparent;border:.5px solid transparent;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast)}.editArrowButton:hover{border-color:var(--chrome-4)}.editArrowButton:active{border-color:var(--chrome-5)}.editArrowButton.leftArrow:before{content:"";position:absolute;top:50%;left:60%;transform:translate(-50%,-50%) rotate(-45deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.editArrowButton.rightArrow:before{content:"";position:absolute;top:50%;left:40%;transform:translate(-50%,-50%) rotate(135deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.editArrowButton.downArrow:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-135deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.editArrowButton.upArrow:before{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.play-every-slider-row{display:flex;align-items:center;gap:var(--space-3)}.play-every-slider-row input[type=range]{flex:1;min-width:0}.play-every-first-toggle{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);flex-shrink:0}.scopeToggleRow{display:flex;width:fit-content;padding:var(--space-1);background-color:var(--surface-tint-1);border-radius:var(--radius);margin:var(--space-5) auto var(--space-3)}.scopeToggleButton{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;padding:var(--space-2) var(--space-5);border:none;border-radius:calc(var(--radius) - 1px);background-color:transparent;color:var(--chrome-3);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);min-width:64px}.scopeToggleButton:hover{color:var(--chrome-5)}.scopeToggleButton.selected{background-color:var(--surface-tint-2);color:var(--chrome-5)}.controlButton.scope-disabled{opacity:.5;pointer-events:none}.gen-density{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:center;margin-top:var(--space-5)}.gen-density .sliderItem{visibility:visible}.gen-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs)}.gen-chip-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-6)}.gen-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%}.gen-chip-wrap{display:flex;position:relative}.gen-chip-row-label{font-size:var(--text-xs);color:var(--chrome-3);letter-spacing:.4px}.gen-chip-row-label:after{content:":";margin-left:1px}.gen-chip{width:100%;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border:.5px solid var(--chrome-border);border-radius:var(--radius);background-color:transparent;color:var(--chrome-3);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);position:relative;line-height:1}.gen-chip:hover{border-color:var(--chrome-4);color:var(--chrome-5)}.gen-chip:focus-visible{outline:none;border-color:var(--chrome-selected)}.gen-chip[aria-pressed=true]{background-color:var(--surface-tint-1);border-color:var(--color-active);color:var(--color-active)}.gen-chip[aria-pressed=true]:hover{border-color:var(--color-active-bright);color:var(--color-active-bright)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;pointer-events:none}.randomize-notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%;max-width:190px;margin:var(--space-5) auto}.hidden{display:none;visibility:hidden}.section-off{opacity:.5;pointer-events:none}.mainEffectSection{grid-column:1 / -1}.mainEffectSection.mainEffectDisabled{opacity:.5;pointer-events:none}.sidechainSection{grid-column:1 / -1}.sidechainSection.mainEffectDisabled{opacity:.5;pointer-events:none}.sidechainGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-5)}.pitchEnvGrid{grid-template-columns:repeat(2,1fr)}.pitchEnvAmountItem{grid-column:1 / -1}.visualizer-row{display:flex;align-items:center;gap:var(--space-4);grid-column:1 / -1;margin-bottom:var(--space-5)}.visualizer-row .spectrumRow{flex:1;min-width:0}.visualizer-row .themeBrowser{flex:2;min-width:0;margin-top:var(--space-3);margin-bottom:0;padding:0 var(--space-5)}.themeBrowser{display:flex;align-items:center;justify-content:center;gap:0;grid-column:1 / -1;margin-bottom:var(--space-3)}.themeBrowser .presetNavButton{width:var(--space-8);height:var(--space-9);background-color:transparent;border-color:transparent;color:var(--chrome-3)}.themeBrowser .presetNavButton:hover{background-color:var(--surface-tint-2);border-color:transparent;color:var(--chrome-5)}.themeBrowser .presetNavButton:active{border-color:transparent;color:var(--chrome-selected)}@media(hover:none){.themeBrowser .presetNavButton:hover{background-color:transparent;color:var(--chrome-3)}}.themeName{font-size:var(--text-sm);color:var(--main-font-color);width:160px;flex-shrink:0;text-align:center;white-space:nowrap}select.themeName{width:190px;height:32px;box-sizing:border-box;padding-top:0;padding-bottom:0;padding-left:var(--space-3);line-height:1;text-align-last:center}select.themeName:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.themeBrowser .themeName.selectBox{height:var(--space-9);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);line-height:var(--space-9);text-align:left;background-color:var(--surface-tint-1);border-color:transparent}.themeBrowser .themeName.selectBox:hover,.themeBrowser .themeName.selectBox:active,.themeBrowser .themeName.selectBox:focus-visible{background-color:var(--surface-tint-1);border-color:transparent}.noiseTypeContainer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.noiseTypeButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.noiseTypeButton.selected{background-color:var(--surface-tint-1);border-color:var(--color-active);color:var(--color-active)}.noiseTypeButton.selected:hover{border-color:var(--color-active-bright);color:var(--color-active-bright)}.distortionButtonGroup{width:100%}#distortionModeSelect{padding:var(--space-4) var(--space-3)}.filterEnvDirectionContainer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.filterEnvDirectionButton.selected{background-color:var(--surface-tint-1);border-color:var(--color-active);color:var(--color-active)}.filterEnvDirectionButton.selected:hover{border-color:var(--color-active-bright);color:var(--color-active-bright)}.subOscWaveContainer{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:var(--space-3)}.subOscOctaveContainer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.subOscWaveButton{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:transparent;border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast);padding:0;font-size:0}.subOscWaveButton:before{content:"";display:block;width:16px;height:16px;background-color:var(--chrome-3);transition:background-color var(--transition-fast);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.subOscWaveButton:hover{border-color:var(--chrome-4)}.subOscWaveButton:hover:before{background-color:var(--chrome-selected)}.subOscWaveButton.selected{border-color:var(--color-active)}.subOscWaveButton.selected:before{background-color:var(--color-active)}.subOscWaveButton.selected:hover{border-color:var(--color-active-bright)}.subOscWaveButton.selected:hover:before{background-color:var(--color-active-bright)}.subOscOctaveButton{font-size:var(--text-xs);padding:0 var(--space-3)}.filterSection{display:flex;flex-direction:column;gap:var(--space-4)}.filterGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.filterGrid .filterEnvDirectionContainer,.filterGrid .filterEnvAmountItem{grid-column:1 / -1}.envDimmedContainer,.effectDimmedContainer{transition:opacity var(--transition-fast)}.envDimmedContainer.section-off,.effectDimmedContainer.section-off{opacity:.5;pointer-events:none}.lfoSyncRow{display:flex;align-items:center;gap:var(--space-3)}.lfoSyncButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfoSyncDivision{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);max-width:48px}.lfoAnchorButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);margin-left:auto}.lfoSyncActive{opacity:.5;pointer-events:none}.lfoSyncRow .lfoSyncButton>.tooltip,.lfoSyncRow .lfoAnchorButton>.tooltip{max-width:280px;white-space:normal}.lfoSyncRow .lfoSyncButton>.tooltip{left:-22px}.lfoSyncRow .lfoAnchorButton>.tooltip{right:-22px}.delaySyncContainer{align-self:end}.delaySyncButton{font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-separator{grid-column:1 / -1;height:1px;background-color:var(--surface-tint-2);margin:var(--space-2) 0}.colorPicker{width:100%;height:28px;border:none;border-radius:var(--radius);background-color:transparent;cursor:pointer}.colorPickerInline{width:32px;height:32px;flex-shrink:0}.colorPickerInline:disabled{opacity:.5;pointer-events:none}.color-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-5)}.sliderItem.colorPickerRow{flex-direction:row;align-items:center;justify-content:space-between;margin:0}.spectrumRow{flex-direction:row;align-items:center;justify-content:space-between}.sliderItem.spectrumSliderRow{flex-direction:row;align-items:center;gap:var(--space-6);grid-column:1 / -1}.spectrumSliderRow label{flex-shrink:0}.spectrumSliderRow input[type=range]{flex:1;min-width:0}.spectrumSliderRow .sliderValueDisplay{flex-shrink:0;min-width:2rem;text-align:right}.cycleColorsContainer.disabled{opacity:.5;pointer-events:none}#fullscreenVisualizerControls{grid-column:1 / -1;margin-bottom:var(--space-4)}#fullscreenVisualizerControls.disabled{display:none}#spectrumControls{transition:opacity var(--transition-fast)}#spectrumControls.disabled,.visualizer-row.disabled{opacity:.5;pointer-events:none}@media only screen and (max-width:768px){.lfoSyncButton{min-width:52px}.filterEnvDirectionButton{padding-left:var(--space-7);padding-right:var(--space-7)}}.unisonWaveButton{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:transparent;border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast);padding:0;font-size:0}.unisonWaveButton:before{content:"";display:block;width:16px;height:16px;background-color:var(--chrome-3);transition:background-color var(--transition-fast);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.unisonWaveButton:hover{border-color:var(--chrome-4)}.unisonWaveButton:hover:before,.unisonWaveButton.selected:before{background-color:var(--chrome-selected)}.unisonWaveButton.selected{border-color:var(--chrome-selected)}.unisonWaveButton[data-unison-wave=mixed]{width:auto;min-width:26px;padding:0 var(--space-2);font-size:9px;font-weight:700;color:var(--chrome-3)}.unisonWaveButton[data-unison-wave=mixed]:before{content:none}.unisonWaveButton[data-unison-wave=mixed]:hover,.unisonWaveButton[data-unison-wave=mixed].selected{color:var(--chrome-selected)}.unisonVoicesChip{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) 0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;background-color:transparent;color:var(--chrome-3);border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.unisonVoicesChip:hover{border-color:var(--chrome-4);color:var(--chrome-4)}.unisonVoicesChip.selected{background-color:var(--surface-tint-1);border-color:var(--chrome-selected);color:var(--chrome-selected)}.lfo-ind{position:relative;width:100%;height:8px;margin-top:-4px;display:none;contain:layout paint;pointer-events:none}.lfo-ind.is-active{display:block}.lfo-ind-band{position:absolute;top:3px;height:2px;border-radius:2px;background:var(--color-active);opacity:.28}.lfo-ind-dot{position:absolute;top:1px;left:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--color-active);box-shadow:0 0 4px var(--color-active);will-change:transform;transform:translate(0);display:none}.lfo-ind.is-animated .lfo-ind-dot{display:block}.filterSection{display:flex;flex-direction:column;gap:var(--space-5)}.filterGraph{display:flex;flex-direction:column;gap:var(--space-2)}.filterGraph__cap{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--chrome-3)}.filterGraph__title{font-weight:800;letter-spacing:1.2px}.filterGraph__rta{font-size:9px;color:#5b6b78;border:1px solid #2c3a44;border-radius:9px;padding:1px 6px}.filterGraph__host{position:relative;width:100%;height:120px;background:#161616;border:1px solid #262626;border-radius:6px;overflow:hidden;touch-action:none}.filterGraph__host canvas{display:block;width:100%;height:100%}.filterGroup{display:flex;flex-direction:column;gap:var(--space-3)}.filterGroup__head{display:flex;align-items:center;gap:var(--space-3)}.filterGroup__rows{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.filterGroup__dot{width:7px;height:7px;border-radius:2px}.filterGroup__dot--hp{background:var(--color-triangle)}.filterGroup__dot--lp{background:var(--color-square)}.filterGroup[data-filter=highpass] input[type=range]{--color-active: var(--color-triangle)}.filterGroup[data-filter=lowpass] input[type=range]{--color-active: var(--color-square)}.filterGroup__label{font-size:var(--text-xs);text-transform:uppercase;font-weight:800;letter-spacing:1.2px;color:var(--chrome-3)}.filterGroup__info{width:13px;height:13px;border-radius:50%;border:1px solid #444;color:#777;font-size:9px;font-style:italic;line-height:13px;text-align:center;cursor:help;-webkit-user-select:none;user-select:none}.filterGroup__info:focus-visible{outline:1px solid var(--color-accent)}.filterBypass{margin-left:auto;width:30px;height:16px;border-radius:8px;background:#3a3a3a;border:none;position:relative;cursor:pointer;padding:0;transition:background var(--transition-fast)}.filterBypass:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#888;transition:left var(--transition-fast),background var(--transition-fast)}.filterBypass[aria-pressed=false]{background:#4a4a4a}.filterBypass[aria-pressed=false]:after{left:16px;background:#ddd}.filterGroup[data-filter][data-bypassed=true] .sliderItem{opacity:.45}.sliderContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%;padding:var(--space-1) 0;height:auto;overflow:hidden;opacity:1}.sliderContainer.collapsed{height:0}.sliderItem{display:flex;flex-direction:column;gap:var(--space-3);visibility:hidden;min-width:0}.sliderValueDisplay{color:var(--chrome-3);font-size:var(--text-sm);white-space:nowrap}.tempoCol{display:flex;align-items:center;gap:var(--space-2);height:32px}.tempoHeader{display:contents}.transport-row .tempoCol #tempoSlider{order:1;flex:1;min-width:0;width:auto;height:20px;margin-top:0}.transport-row .tempoCol #tempoValue{order:2;margin-left:0}.tapTempoButton{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--chrome-3);background:transparent;border:.5px solid var(--chrome-1);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.tapTempoButton:active{color:var(--main-font-color);border-color:var(--main-font-color)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:95%;height:20px;border-radius:var(--radius);background:transparent;transition:opacity var(--transition-fast);cursor:pointer;will-change:transform}input[type=range]:hover{opacity:1}input[type=range]:focus{outline:none;background:transparent}input[type=range]:focus-visible{outline:1px solid var(--color-active);outline-offset:2px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(to right,var(--color-active) calc(9px + (100% - 18px) * var(--pct, 50%) / 100%),var(--slider-track) calc(9px + (100% - 18px) * var(--pct, 50%) / 100%));border-radius:2px}input[type=range]::-moz-range-track{width:95%;height:2px;background:var(--slider-track);border-radius:2px}input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:-7px}input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}input[type=range]::-moz-range-thumb:active{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.fader-group{display:flex;justify-content:space-evenly;grid-column:1 / -1;padding:0}.fader-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 0}.fader-item input[type=range]{writing-mode:vertical-lr;direction:rtl;width:20px;height:80px}.fader-item input[type=range]::-webkit-slider-runnable-track{width:2px;height:auto;background:linear-gradient(to top,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%))}.fader-item input[type=range]::-moz-range-track{width:2px;height:100%;background:var(--slider-track)}.fader-item input[type=range]::-webkit-slider-thumb{margin-top:0;margin-left:-7px}.fader-item input[type=range]:focus-visible{outline:none}.fader-item .sliderValueDisplay,.fader-item label{font-size:var(--text-xs);text-align:center}.sliderItem:hover .sliderValueDisplay,.sliderItem:focus-within .sliderValueDisplay{color:var(--color-active);transition:color var(--transition-fast)}@media only screen and (max-width:768px){.sliderValueDisplay{font-size:var(--text-md)}}.randomizeDice{width:2rem;height:2rem;border-radius:var(--radius);border:.5px solid var(--chrome-3);cursor:pointer;background-color:transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast);position:relative;justify-self:center;align-self:center}.randomizeDice:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:var(--chrome-4);box-shadow:-7px -7px 0 var(--chrome-4),7px -7px 0 var(--chrome-4),-7px 7px 0 var(--chrome-4),7px 7px 0 var(--chrome-4)}.randomizeDice:hover{background-color:var(--surface-tint-1);color:var(--chrome-5)}#randomGenDice:hover{background-color:var(--surface-tint-2);border:.5px solid var(--chrome-selected)}.waveformBox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border:1px solid transparent;border-radius:var(--radius);cursor:pointer;opacity:.8;transition:background-color var(--transition-fast),opacity var(--transition-fast),filter var(--transition-fast);--waveform-icon-color: var(--waveform-color-dim)}.waveformIcon{width:22px;height:22px;position:relative}.waveformName{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--chrome-3);line-height:1.1;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;max-width:100%;min-width:0;text-align:center;overflow-wrap:anywhere;text-wrap:balance}.waveformBox:hover{opacity:1;background-color:var(--surface-tint-1);--waveform-icon-color: var(--waveform-color)}.waveformBox:hover .waveformName{color:var(--chrome-4)}.waveformBox.selected{opacity:1;filter:brightness(1.1);background-color:var(--surface-tint-2);--waveform-icon-color: var(--waveform-color)}.waveformBox.selected .waveformName{color:var(--chrome-5)}.waveformBox.selected:hover{background-color:var(--surface-tint-2)}.waveformBox.selected:hover .waveformName{color:var(--chrome-5)}.waveformBox:focus-visible{opacity:1;outline:1px solid var(--chrome-4);outline-offset:2px}.sineBox{--waveform-color: var(--color-sine);--waveform-color-dim: var(--color-sine-dim)}.sawtoothBox{--waveform-color: var(--color-sawtooth);--waveform-color-dim: var(--color-sawtooth-dim)}.triangleBox{--waveform-color: var(--color-triangle);--waveform-color-dim: var(--color-triangle-dim)}.squareBox{--waveform-color: var(--color-square);--waveform-color-dim: var(--color-square-dim)}.pulseBox{--waveform-color: var(--color-pulse);--waveform-color-dim: var(--color-pulse-dim)}.sineBox .waveformIcon:after,.sawtoothBox .waveformIcon:after,.triangleBox .waveformIcon:after,.squareBox .waveformIcon:after,.pulseBox .waveformIcon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-size:80%;mask-size:80%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;background-color:var(--waveform-icon-color);transition:background-color var(--transition-fast)}.sineBox .waveformIcon:after{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,50 C 13,31 22,13 30,13 C 38,13 47,31 50,50 C 53,69 62,87 70,87 C 78,87 87,69 95,50' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,50 C 13,31 22,13 30,13 C 38,13 47,31 50,50 C 53,69 62,87 70,87 C 78,87 87,69 95,50' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.sawtoothBox .waveformIcon:after{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 80,20 L 80,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 80,20 L 80,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.triangleBox .waveformIcon:after{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,50 L 28,15 L 72,85 L 95,50' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,50 L 28,15 L 72,85 L 95,50' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.squareBox .waveformIcon:after{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 5,20 L 50,20 L 50,80 L 95,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 5,20 L 50,20 L 50,80 L 95,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.pulseBox .waveformIcon:after{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 5,20 L 30,20 L 30,80 L 95,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 5,20 L 30,20 L 30,80 L 95,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.waveformImage{display:inline-block;width:24px;height:24px;-webkit-mask-size:80%;mask-size:80%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle}.sine{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 8,31 17,13 25,13 C 33,13 42,31 50,50 C 58,69 67,87 75,87 C 83,87 92,69 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 8,31 17,13 25,13 C 33,13 42,31 50,50 C 58,69 67,87 75,87 C 83,87 92,69 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-sine)}.sawtooth{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-sawtooth)}.triangle{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 L 25,13 L 75,87 L 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 L 25,13 L 75,87 L 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-triangle)}.square{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 4,87 L 4,13 L 50,13 L 50,87 L 96,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 4,87 L 4,13 L 50,13 L 50,87 L 96,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-square)}.pulse,.lfoPulse{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 0,13 L 25,13 L 25,87 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 0,13 L 25,13 L 25,87 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-pulse)}.noteLengthSelectContainer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;margin:0}.noteLengthBox{position:relative;height:10px;border:1px solid var(--chrome-1);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.noteLengthBox:hover{border-color:var(--chrome-3);background-color:var(--surface-tint-1)}.noteLengthBox:active{border-color:var(--chrome-5)}.noteLengthBox[data-notelength="1"]{width:10px}.noteLengthBox[data-notelength="2"]{width:20px}.noteLengthBox[data-notelength="3"]{width:30px}.noteLengthBox[data-notelength="4"]{width:40px}.noteLengthBox[data-notelength="6"]{width:60px}.noteLengthBox[data-notelength="8"]{width:80px}.noteLengthBox.selected{border-color:var(--chrome-5);background-color:var(--surface-tint-2)}.noteLengthBox.selected:hover{border-color:var(--chrome-selected)}.noteLengthBox:focus-visible{outline:1px solid var(--chrome-4);outline-offset:2px}.pulseWidthStrip input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-pulse) var(--pct, 50%),var(--slider-track) var(--pct, 50%))}.pulseWidthStrip input[type=range]::-moz-range-progress{background:var(--color-pulse)}.pulseWidthStrip input[type=range]::-webkit-slider-thumb{border-color:var(--color-pulse)}.pulseWidthStrip input[type=range]::-moz-range-thumb{border-color:var(--color-pulse)}.waveformSelectContainer{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:0}.arrowsContainer{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:0}.arrowButton{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);color:var(--chrome-3);background-color:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;opacity:.8;transition:color var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast),filter var(--transition-fast)}.directionIcon{width:20px;height:20px;position:relative;flex-shrink:0;display:block}.directionLabel{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--chrome-3);line-height:1.1;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;max-width:100%;min-width:0;text-align:center;overflow-wrap:anywhere;text-wrap:balance}.arrowButton:hover{opacity:1;color:var(--chrome-4);background-color:var(--surface-tint-1)}.arrowButton:hover .directionLabel{color:var(--chrome-4)}@media(hover:none){.arrowButton:hover{opacity:.8;color:var(--chrome-3);border-color:transparent;background-color:transparent}.arrowButton:hover .directionLabel{color:var(--chrome-3)}}.arrowButton.selected{opacity:1;filter:brightness(1.1);color:var(--chrome-5);background-color:var(--surface-tint-2)}.arrowButton.selected .directionLabel{color:var(--chrome-5)}.arrowButton.selected:hover{color:var(--chrome-5);background-color:var(--surface-tint-2)}.arrowButton:focus-visible{opacity:1;outline:1px solid var(--chrome-4);outline-offset:2px}.arrowButton.forwardArrow .directionIcon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-80%,-50%) rotate(135deg);width:12px;height:12px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}.arrowButton.backwardArrow .directionIcon:before{content:"";position:absolute;top:50%;left:60%;transform:translate(-50%,-50%) rotate(-45deg);width:12px;height:12px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}.arrowButton.bounceArrow .directionIcon:before{content:"";position:absolute;top:50%;left:45%;width:10px;height:10px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:translate(-120%,-50%) rotate(135deg)}.arrowButton.bounceArrow .directionIcon:after{content:"";position:absolute;top:50%;left:55%;width:10px;height:10px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:translate(20%,-50%) rotate(-45deg)}.arrowButton.randomArrow .directionIcon:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' stroke='white' stroke-width='2' fill='none'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='white'/%3E%3Ccircle cx='16' cy='16' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' stroke='white' stroke-width='2' fill='none'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='white'/%3E%3Ccircle cx='16' cy='16' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform:translate(-50%,-50%)}.arrowButton.randomizeDice{width:auto;height:auto;border:1px solid transparent;justify-self:stretch;align-self:stretch}.arrowButton.randomizeDice:before{content:none}.arrowButton.randomizeDice:hover{background-color:var(--surface-tint-1);color:var(--chrome-4)}.arrowButton.columnsArrow .directionIcon:before,.arrowButton.columnsArrow .directionIcon:after,.arrowButton.columnsArrow .directionIcon div:before{content:"";position:absolute;width:2px;height:60%;background-color:currentColor}.arrowButton.columnsArrow .directionIcon:before{left:2px;top:50%;transform:translateY(-50%)}.arrowButton.columnsArrow .directionIcon div:before{left:9px;top:50%;transform:translateY(-50%)}.arrowButton.columnsArrow .directionIcon:after{left:16px;top:50%;transform:translateY(-50%)}@media only screen and (max-width:768px){.arrowsContainer,.waveformSelectContainer{gap:var(--space-4)}.arrowButton{padding:var(--space-4) var(--space-2)}.directionIcon{width:22px;height:22px}.arrowButton.columnsArrow .directionIcon:before{left:3px}.arrowButton.columnsArrow .directionIcon div:before{left:10px}.arrowButton.columnsArrow .directionIcon:after{left:17px}}@media only screen and (max-width:430px)and (orientation:portrait){.arrowsContainer,.waveformSelectContainer{gap:var(--space-3)}}.lfoWaveformContainer{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-around;height:100%}.lfoWaveformButton{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:transparent;border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast)}.lfoWaveformButton:hover{border-color:var(--chrome-4)}.lfoWaveformButton.selected{border-color:var(--color-active)}.lfoWaveformButton.selected:hover{border-color:var(--color-active-bright)}.lfoWaveformButton:before{content:"";display:block;width:16px;height:16px;background-color:var(--chrome-3);transition:background-color var(--transition-fast);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.lfoWaveformButton:hover:before{background-color:var(--chrome-selected)}.lfoWaveformButton.selected:before{background-color:var(--color-active)}.lfoWaveformButton.selected:hover:before{background-color:var(--color-active-bright)}.lfoSine:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 8,31 17,13 25,13 C 33,13 42,31 50,50 C 58,69 67,87 75,87 C 83,87 92,69 100,50' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 8,31 17,13 25,13 C 33,13 42,31 50,50 C 58,69 67,87 75,87 C 83,87 92,69 100,50' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoSawtooth:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoTriangle:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 L 25,13 L 75,87 L 100,50' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 L 25,13 L 75,87 L 100,50' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoSquare:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,13 L 50,13 L 50,87 L 100,87' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,13 L 50,13 L 50,87 L 100,87' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoSawUp:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoSawDown:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,13 L 100,87 L 100,13' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,13 L 100,87 L 100,13' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoSampleHold:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,40 L 25,40 L 25,70 L 50,70 L 50,20 L 75,20 L 75,55 L 100,55' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,40 L 25,40 L 25,70 L 50,70 L 50,20 L 75,20 L 75,55 L 100,55' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoPulse:before{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 25,87 L 25,13 L 50,13 L 50,87 L 75,87 L 75,13 L 100,13' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 25,87 L 25,13 L 50,13 L 50,87 L 75,87 L 75,13 L 100,13' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.lfoColumn{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-1)}.slide-panel .lfoColumn .sliderItem{visibility:visible}.lfo-lane-list{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-5);margin-bottom:var(--space-5)}.lfo-lane-list:empty{margin-top:var(--space-3);margin-bottom:var(--space-3)}.lfo-lane-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.lfo-lane-item:hover{border-color:var(--chrome-1);background:var(--surface-tint-2)}.lfo-lane-item.selected{border:.5px solid var(--chrome-4)}.lfo-lane-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lfo-lane-name{font-size:13px;color:var(--chrome-5);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfo-lane-item:not(.selected) .lfo-lane-name{color:var(--chrome-3)}.lfo-lane-remove{background:none;border:none;color:var(--chrome-2);cursor:pointer;font-size:18px;padding:2px 4px;line-height:1}.lfo-lane-remove:hover{color:var(--chrome-4)}.lfo-lane-toggle{flex-shrink:0;cursor:pointer;display:flex;align-items:center}.lfo-lane-toggle-input{display:none}.lfo-lane-toggle-track{width:28px;height:14px;border:.5px solid var(--toggle-border);border-radius:7px;background:transparent;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.lfo-lane-toggle-track:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--chrome-2);position:absolute;top:1px;left:1px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.lfo-lane-toggle:hover .lfo-lane-toggle-track{border-color:var(--toggle-border-hover)}.lfo-lane-toggle:hover .lfo-lane-toggle-track:after{background:var(--chrome-3)}.lfo-lane-toggle-input:checked+.lfo-lane-toggle-track{background-color:var(--toggle-track);border-color:var(--toggle-border-active)}.lfo-lane-toggle-input:checked+.lfo-lane-toggle-track:after{transform:translate(14px);background:var(--chrome-5)}.lfo-lane-toggle-input:focus-visible+.lfo-lane-toggle-track{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.lfo-lane-item.lfo-lane-disabled .lfo-lane-dot{opacity:.3}.lfo-lane-item.lfo-lane-disabled .lfo-lane-name{opacity:.4}.lfo-lane-editor-slot{margin:-1px 0 4px}.lfo-lane-editor-slot .lfo-editor{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:6px;padding:8px 10px}.lfo-editor>.lfoToggleButton{display:none!important}.lfo-add-target{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 10px;background:transparent;border:1px dashed var(--chrome-1);border-radius:6px;cursor:pointer;color:var(--chrome-2);font-size:13px;font-family:inherit}.lfo-add-target:hover{border-color:var(--chrome-2);color:var(--chrome-3);background:var(--surface-tint-1)}.lfo-add-icon{font-size:14px;line-height:1}.lfo-target-dropdown{margin-top:4px;background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:6px;overflow:hidden;max-height:240px}.lfo-target-search{width:100%;padding:8px 10px;background:var(--surface-tint-1);border:none;border-bottom:1px solid var(--surface-border);color:var(--chrome-5);font-size:13px;outline:none;box-sizing:border-box}.lfo-target-list{max-height:200px;overflow-y:auto}.lfo-target-option{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;color:var(--chrome-3);cursor:pointer}.lfo-target-option:hover{background:var(--surface-tint-2);color:var(--chrome-5)}.lfo-target-option-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lfo-lane-meter{width:56px;height:10px;flex-shrink:0;background:var(--surface-tint-2);border-radius:5px;position:relative;overflow:hidden;contain:paint}.lfo-lane-meter-cursor{position:absolute;left:50%;top:1px;width:4px;height:8px;margin-left:-2px;border-radius:2px;transform:translateZ(0);will-change:transform}.lfo-lane-item.lfo-lane-disabled .lfo-lane-meter{opacity:.3}@media(max-width:360px){.lfo-lane-meter{width:40px}}.toggle-container{--toggle-width: 36px;--toggle-height: 20px;--button-size: 16px;display:inline-block;position:relative}.toggle-checkbox{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle-label{display:inline-block;width:var(--toggle-width);height:var(--toggle-height);border:.5px solid var(--toggle-border);border-radius:10px;cursor:pointer;position:relative;background-color:transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.toggle-label:hover{border-color:var(--toggle-border-hover)}.toggle-button{width:var(--button-size);height:var(--button-size);border-radius:50%;position:absolute;top:1px;left:1px;transition:transform var(--transition-fast),background-color var(--transition-fast);background:var(--chrome-2)}.toggle-label:hover .toggle-button{background:var(--chrome-3)}.toggle-checkbox:checked+.toggle-label{background-color:var(--toggle-track);border-color:var(--toggle-border-active)}.toggle-checkbox:checked+.toggle-label .toggle-button{transform:translate(16px);background:var(--chrome-5)}.toggle-checkbox:focus-visible+.toggle-label{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.toggle-checkbox:disabled+.toggle-label,.toggle-container.is-disabled .toggle-label{opacity:.4;cursor:not-allowed;pointer-events:none}.about-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.about-popup-content{width:460px;max-width:calc(100vw - 32px);background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out}.about-popup-logo-container{display:flex;justify-content:center;margin-bottom:var(--space-7)}.about_logo{width:80px;height:80px}.about-popup-title{margin:0 0 var(--space-6);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px;text-align:center}.about-popup-links{display:flex;flex-direction:column;gap:var(--space-2)}.about-popup-link{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-5);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left;text-decoration:none;color:var(--chrome-4);transition:background-color var(--transition-fast),color var(--transition-fast);letter-spacing:.3px;width:100%}.about-popup-link:hover{background-color:var(--surface-tint-2);color:var(--chrome-5)}.about-popup-link:active{background-color:var(--surface-tint-1)}.about-popup-link svg{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.about-popup-link:hover svg{opacity:1}.about-popup-link-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.about-popup-link:after{content:"";width:16px;height:16px;background-color:var(--chrome-2);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;margin-left:auto;flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-fast)}.about-popup-link:hover:after{background-color:var(--chrome-4);transform:translate(2px)}.about-popup-link-title{font-size:var(--text-base);font-weight:500}.about-popup-link-desc{font-size:var(--text-sm);color:var(--chrome-2)}.about-popup-link:hover .about-popup-link-desc{color:var(--chrome-3)}.about-popup-meta{margin-top:var(--space-7);padding-top:var(--space-6);border-top:.5px solid var(--surface-tint-2)}.about-popup-meta p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.5}.about-popup-meta p:last-child{margin-bottom:0}.about-popup-meta a{color:var(--chrome-3);transition:color var(--transition-fast)}.about-popup-meta a:hover{color:var(--chrome-5)}.about-popup-footer{margin-top:var(--space-6);display:flex;justify-content:center;gap:var(--space-6);font-size:var(--text-sm)}.about-popup-footer a{color:var(--chrome-2);text-decoration:none;transition:color var(--transition-fast)}.about-popup-footer a:hover{color:var(--chrome-4)}.about-popup-button{display:block;margin:var(--space-8) auto 0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast)}.about-popup-button:hover{color:var(--chrome-5);border-color:var(--chrome-4)}@media only screen and (max-width:768px){.about-popup-meta{margin-top:var(--space-5);padding-top:var(--space-4)}.about-popup-footer{display:block}}@media(hover:none){.about-popup-link:hover:after{color:var(--chrome-2);transform:none}}#header{visibility:hidden}.header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;margin:0 auto;padding-left:var(--space-2);position:relative}.header-items{display:flex;align-items:center;gap:var(--space-5)}.logo{width:364px;height:auto;display:block;cursor:pointer}@media only screen and (max-width:768px){.header{width:100%;margin:var(--space-3) auto var(--space-3);padding:0 var(--space-4)}body:not(.sidebar-collapsed) .header>.header-items{width:auto;justify-content:flex-start}.logo{width:150px;position:static;transform:none}.header .share-button{width:auto;height:30px;padding:0 var(--space-4);font-size:var(--text-xs)}.download-button{width:auto;margin-left:var(--space-3)}.undo-redo-group{display:none}.header .help-button{width:30px;height:30px;margin-left:var(--space-3)}.header .help-button svg{width:18px;height:18px}.header-right{margin-left:auto}.header-right .header-items{gap:var(--space-1)}.header-right .download-button{margin-left:0}}.link-icon{width:var(--text-md);height:var(--text-md)}.site-title{color:var(--chrome-4);font-size:var(--text-md);font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:0}.header-right{display:flex;align-items:center;gap:var(--space-5)}.help-button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;font-size:var(--text-sm);font-weight:600;color:var(--chrome-3);background-color:#ffffff08;border:.5px solid transparent;border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.help-button svg{width:20px;height:20px}.help-button:hover{color:var(--chrome-5);background-color:#ffffff20}.help-button:focus-visible{color:var(--chrome-5);background-color:#ffffff20}.help-button:active{color:var(--chrome-selected)}#helpButton{width:28px;height:28px;border-radius:var(--radius-full);border-color:currentColor}#helpButton svg{width:16px;height:16px}.share-button{display:flex;align-items:center;gap:var(--space-3);height:35px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--chrome-3);background-color:transparent;border:.5px solid transparent;border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),background-color var(--transition-fast);position:relative}.share-button.loading .share-button-text{visibility:hidden}.share-button.loading .spinner{display:inline-block;margin-left:0;opacity:1;visibility:visible}.share-button:hover{color:var(--chrome-5);background-color:var(--surface-tint-2)}.share-button:focus-visible{color:var(--chrome-5);background-color:var(--surface-tint-2)}.share-button:active{color:var(--chrome-selected)}.share-button svg,.share-button i{margin-right:0}.share-button.copied .checkmark{display:inline-block;opacity:1;visibility:visible}.share-button.loading .link-icon,.share-button.copied .link-icon{display:none}.share-button.loading,.share-button.copied{justify-content:center}.share-button-text{white-space:nowrap;font-size:var(--text-sm);opacity:.75}.spinner{width:var(--text-md);height:var(--text-md);border:1px solid var(--chrome-5);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.checkmark{width:var(--text-md);height:var(--text-md);padding:0;display:none;opacity:0;visibility:hidden;color:var(--color-play)}.download-button{width:104px;gap:0;margin-left:var(--space-4)}.download-button.loading{justify-content:center}.download-button.loading .download-button-text,.download-button.loading .download-icon{display:none}.download-button.loading .spinner{display:inline-block;margin-left:0;opacity:1;visibility:visible}.download-button.done .download-button-text{color:var(--color-play)}.download-button.done .download-icon{stroke:var(--color-play)}.download-button-text{white-space:nowrap}.mini-control-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);color:var(--main-font-color);cursor:pointer;padding:var(--space-4) var(--space-4);transition:color var(--transition-fast),border-color var(--transition-fast)}.mini-control-btn:hover{border-color:var(--chrome-4);color:var(--chrome-5)}.mini-control-btn:active{border-color:var(--chrome-5);color:var(--chrome-selected)}.undo-redo-group{display:flex;align-items:center}.header-undo-redo{border-color:transparent}.header-undo-redo:hover{border-color:transparent;background-color:var(--surface-tint-2)}.header-undo-redo:active{border-color:transparent}.header-undo-redo[disabled]{color:color-mix(in srgb,var(--main-font-color) 50%,transparent);border-color:transparent}@media only screen and (max-width:380px)and (orientation:portrait){.logo{width:140px}.explore-button .explore-icon,.share-button .link-icon{display:none}.share-button svg,.share-button i{margin-right:0}}@media(hover:none){.help-button:hover,.share-button:hover{color:var(--chrome-3);background-color:transparent}}#songBar{--song-bar-control-h: var(--space-9);--song-bar-select-w: 150px;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(var(--space-2),calc((100vw - 1071px)*.035 + 4px),48px);padding:var(--space-5) 0px;font-size:var(--text-xs);color:var(--main-font-color);position:relative}.song-bar-group{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.song-bar-divider{flex-shrink:0;align-self:center;width:1px;height:var(--space-8);background-color:var(--song-bar-divider)}#playStopButton.song-bar-play{--glow: var(--color-play);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--song-bar-control-h);min-width:72px;padding:0 var(--space-3);margin:0;white-space:nowrap;background-color:transparent;color:var(--glow);border:1px solid var(--glow);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;cursor:pointer;text-shadow:0 0 2px color-mix(in srgb,var(--glow) 30%,transparent);box-shadow:0 0 4px color-mix(in srgb,var(--glow) 16%,transparent),0 0 10px color-mix(in srgb,var(--glow) 6%,transparent);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),text-shadow var(--transition-fast)}.song-bar-play:hover{--glow: var(--color-play-hover);background-color:color-mix(in srgb,var(--glow) 6%,transparent);box-shadow:0 0 5px color-mix(in srgb,var(--glow) 24%,transparent),0 0 12px color-mix(in srgb,var(--glow) 10%,transparent)}#playStopButton.song-bar-play.stopState{--glow: var(--color-stop)}#playStopButton.song-bar-play.stopState:hover{--glow: var(--color-stop-hover)}.song-bar-play .play-stop-icon{width:16px;height:16px;flex-shrink:0;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--glow) 28%,transparent));transition:filter var(--transition-fast)}.song-bar-play .play-stop-label{letter-spacing:.8px;text-transform:uppercase}.song-bar-icon-btn{display:none;align-items:center;justify-content:center;width:var(--song-bar-control-h);height:var(--song-bar-control-h);padding:0;background:transparent;border:var(--border-control) solid var(--chrome-border);border-radius:var(--radius);color:var(--chrome-3);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.song-bar-icon-btn.midi-visible{display:inline-flex}.song-bar-icon-btn:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.song-bar-icon-btn.midi-armed{color:var(--color-danger);border-color:var(--color-danger)}:is(#songBar,.transport-play-row,.mobile-preset-row) .song-bar-ghost{background-color:transparent;border-color:transparent;color:var(--chrome-3)}:is(#songBar,.transport-play-row,.mobile-preset-row) .song-bar-ghost:hover{background-color:var(--surface-tint-2);border-color:transparent;color:var(--chrome-5)}:is(#songBar,.transport-play-row,.mobile-preset-row) .song-bar-ghost:active{border-color:transparent;color:var(--chrome-selected)}@media(hover:none){:is(#songBar,.transport-play-row,.mobile-preset-row) .song-bar-ghost:hover{background-color:transparent;color:var(--chrome-3)}}.song-bar-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:var(--song-bar-control-h);width:68px;padding:0 var(--space-1);line-height:1;white-space:nowrap}.song-bar-action svg{width:14px;height:14px;flex-shrink:0}.song-bar-action .controlButton-label{font-size:var(--text-xs);letter-spacing:.8px;text-transform:uppercase;min-width:0;text-align:center;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.05;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}#songBar #clearButton.clear-split{width:var(--clear-split-w, calc(2 * 68px + var(--space-4)))}.song-bar-grid-size{display:inline-flex;align-items:center;position:relative}.song-bar-grid-size #gridSizeSelectBox{height:var(--song-bar-control-h);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);min-width:64px;text-align:center}.song-bar-preset{display:inline-flex;align-items:center;gap:0;margin:0}.song-bar-preset #presetSelectBox{flex:none}.song-bar-picker .presetNavButton{height:var(--song-bar-control-h);width:var(--space-8);display:inline-flex;align-items:center;justify-content:center}@media only screen and (max-width:768px){:is(#songBar,.mobile-preset-row) .song-bar-picker .presetNavButton{background-color:var(--surface-tint-1)}}@media only screen and (max-width:768px)and (hover:none){:is(#songBar,.mobile-preset-row) .song-bar-picker .presetNavButton:hover{background-color:var(--surface-tint-1)}}.song-bar-group--tempo{flex-wrap:wrap;row-gap:0;column-gap:var(--space-2);width:120px}.song-bar-tap{height:var(--space-6);padding:0 var(--space-2);font-size:var(--text-xs);line-height:1;letter-spacing:.8px;text-transform:uppercase;background:transparent;border:var(--border-control) solid var(--chrome-1);border-radius:var(--radius);color:var(--chrome-3);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}input[type=range].song-bar-tempo-slider{order:3;flex-basis:100%;width:100%;min-width:0;height:10px;margin-top:var(--space-3)}.song-bar-tempo-value{order:2;margin-left:auto;min-width:28px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--text-sm);line-height:1}.song-bar-scale{display:inline-flex;flex-direction:row;align-items:center;gap:0;width:auto}.song-bar-scale #scaleSelectBox,.song-bar-preset #presetSelectBox{width:var(--song-bar-select-w, 150px);height:var(--song-bar-control-h);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);line-height:var(--song-bar-control-h);text-align:left}.song-bar-select,.song-bar-select:hover,.song-bar-select:active,.song-bar-select:focus-visible{background-color:var(--surface-tint-1);border-color:transparent}.song-bar-group--view-toggles{margin-left:auto;gap:var(--space-2)}.song-bar-mode-cluster{display:inline-flex;background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-border);border-radius:6px;padding:2px;gap:0}.song-bar-mode-cluster .song-bar-mode-btn{width:auto;min-width:30px;height:28px;border:none;border-radius:4px}.song-bar-mode-cluster .song-bar-mode-btn[aria-pressed=true]{background-color:var(--surface-tint-2);color:var(--color-active);box-shadow:0 0 0 .5px var(--chrome-1)}.song-bar-mode-cluster .song-bar-mode-btn[aria-pressed=true]:hover:not([disabled]){background-color:var(--surface-tint-2)}.song-bar-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--song-bar-control-h);height:var(--song-bar-control-h);padding:0;background:transparent;border:var(--border-control) solid transparent;border-radius:var(--radius);color:var(--chrome-3);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.song-bar-mode-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;stroke-width:1.25}.song-bar-mode-icon circle{fill:currentColor}.song-bar-mode-btn:hover:not([disabled]){color:var(--chrome-5);background-color:var(--surface-tint-2)}.song-bar-mode-btn[aria-pressed=true]{background-color:transparent;color:var(--color-active);border-color:transparent}.song-bar-mode-btn[aria-pressed=true]:hover:not([disabled]){color:color-mix(in srgb,var(--color-active),white 40%)}.song-bar-mode-btn[disabled],.song-bar-mode-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.song-bar-mode-btn:focus-visible{outline:2px solid var(--color-active);outline-offset:1px;position:relative;z-index:1}@media only screen and (min-width:769px)and (max-width:1070px){#songBar{gap:var(--space-4)}#playStopButton.song-bar-play{min-width:60px;padding:0 var(--space-2);font-size:var(--text-xs)}.song-bar-play .play-stop-icon{width:14px;height:14px}.song-bar-action{width:56px}#clearButton>svg,#resetSlidersButton>svg{width:12px;height:12px;flex-shrink:0}.song-bar-action .controlButton-label{font-size:10px}.song-bar-icon-btn svg{width:12px;height:12px}#songBar #clearButton.clear-split{width:calc(2 * 56px + var(--space-4))}.song-bar-grid-size #gridSizeSelectBox,.song-bar-scale #scaleSelectBox,.song-bar-preset #presetSelectBox{padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);line-height:var(--song-bar-control-h);white-space:nowrap}.song-bar-grid-size #gridSizeSelectBox{text-align:center}.song-bar-scale #scaleSelectBox,.song-bar-preset #presetSelectBox{text-align:left}.song-bar-scale #scaleSelectBox,.song-bar-preset #presetSelectBox{text-overflow:ellipsis;overflow:hidden}.song-bar-grid-size #gridSizeSelectBox{min-width:56px;max-width:80px}.song-bar-scale #scaleSelectBox,.song-bar-preset #presetSelectBox{font-size:10px}#songBar{--song-bar-select-w: 104px}.song-bar-picker .presetNavButton{width:20px}.song-bar-group--tempo{width:100px}.song-bar-tempo-value{font-size:var(--text-xs)}.song-bar-mode-btn{width:var(--song-bar-control-h)}}@media only screen and (min-width:769px)and (max-width:937px){#songBar{gap:var(--space-2)}.song-bar-divider{display:none}.song-bar-grid-size #gridSizeSelectBox{min-width:48px;max-width:64px}#songBar{--song-bar-select-w: 84px}.song-bar-picker .presetNavButton{width:16px}.song-bar-mode-btn{width:28px}.song-bar-group--tempo{width:92px}}@media only screen and (min-width:769px)and (max-width:800px){.song-bar-group--view-toggles .song-bar-mode-cluster{display:none}}@media only screen and (max-width:768px){#songBar{display:none}.song-bar-scale #scaleSelectBox,.song-bar-preset #presetSelectBox{height:var(--space-9);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);line-height:var(--space-9);text-align:left}.song-bar-preset #presetSelectBox{min-width:0;max-width:none;width:100%}}.fm-panel,.fm-body-host{display:flex;flex-direction:column;gap:var(--space-3)}.fm-page-host{display:flex;flex-direction:column;contain:content}.fm-header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--surface-border);margin-bottom:var(--space-3)}.fm-header-controls{display:flex;align-items:stretch;gap:var(--space-3)}.fm-header-row{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius)}.fm-header-amount{display:flex;align-items:center;gap:var(--space-2);min-width:0}.fm-header-amount input[type=range]{flex:1;min-width:0;width:100%}.fm-header-amount-label{font-size:var(--text-xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.fm-header-amount-value{font-size:var(--text-xs);color:var(--chrome-5);min-width:20px;text-align:right;font-variant-numeric:tabular-nums}.fm-header-icon{width:40px;height:40px;align-self:center;display:flex;align-items:center;justify-content:center;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px;color:var(--chrome-4);font-size:12px}.fm-header-icon.randomizeDice:before{width:5px;height:5px;box-shadow:-9px -9px 0 var(--chrome-4),9px -9px 0 var(--chrome-4),-9px 9px 0 var(--chrome-4),9px 9px 0 var(--chrome-4)}.fm-header-chip-host{display:flex;align-items:stretch}.fmModeToggleButton--active{background:var(--color-active);color:var(--surface-darker);border-color:var(--color-active)}.mode-inactive{opacity:.4;pointer-events:none}.fmDisabledNote{grid-column:1 / -1;margin:var(--space-2) 0 var(--space-3);padding:var(--space-2) var(--space-3);font-size:12px;line-height:1.45;color:var(--chrome-4);background:var(--surface-tint-1);border-left:2px solid var(--color-active);border-radius:var(--radius)}.fm-algo-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);cursor:pointer;width:100%;color:inherit;text-align:left}.fm-algo-chip:hover{background:var(--surface-tint-2)}.fm-chip-svg{color:var(--chrome-4);flex-shrink:0}.fm-chip-stub{stroke:currentColor;fill:none}.fm-chip-info{flex:1;min-width:0;text-align:left}.fm-chip-name{color:var(--chrome-5);font-size:var(--text-sm);font-weight:500}.fm-chip-sub{color:var(--chrome-3);font-size:var(--text-xs);margin-top:2px}.fm-chip-edit{color:var(--color-active);font-size:var(--text-xs)}.fm-section-tabs-row{display:flex;align-items:center;margin-bottom:var(--space-3)}.fm-section-tabs{display:flex;gap:2px;padding:3px;background:var(--surface-tint-1);border-radius:var(--radius);flex:1;min-width:0}.fm-section-help{align-self:center}.fm-section-tab{flex:1;padding:var(--space-2) var(--space-1);text-align:center;font-size:var(--text-xs);color:var(--chrome-3);border-radius:4px;text-transform:uppercase;letter-spacing:.4px;background:transparent;border:none;cursor:pointer}.fm-section-tab:hover{color:var(--chrome-4)}.fm-section-tab--active{background:var(--surface-tint-2);color:var(--chrome-5)}.fm-page-mix{display:flex;flex-direction:column;gap:3px}.fm-mix-row{display:grid;grid-template-columns:24px 22px minmax(0,1fr) 54px 38px 24px 24px;gap:2px;align-items:center;padding:5px 4px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px}.fm-mix-row:has(.fm-mix-fb){grid-template-columns:24px 22px minmax(0,1fr) 54px 38px 48px 24px 24px}.fm-mix-row--solo{border-color:var(--color-solo)}.fm-mix-row--muted{opacity:.45}.fm-mix-tag{font-size:9px;color:var(--chrome-5);font-weight:500;text-align:center;padding:2px 0;background:var(--surface-tint-2);border-radius:3px;transform:scale(calc(1 + var(--op-activity, 0) * .15));transition:transform 60ms linear}.fm-mix-role{font-size:8px;color:var(--chrome-3);text-transform:uppercase;text-align:center}.fm-mix-row--car .fm-mix-role{color:var(--color-active)}.fm-mix-slider{height:6px;background:var(--slider-track);border-radius:3px;position:relative}.fm-mix-slider-fill{position:absolute;left:0;top:0;bottom:0;background:var(--chrome-5);border-radius:3px}.fm-mix-row--car .fm-mix-slider-fill{background:var(--color-active)}.fm-mix-db,.fm-mix-fb{text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-4);font-size:var(--text-xs);padding:2px 4px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:3px;cursor:ns-resize;touch-action:none;overflow:hidden;white-space:nowrap}.fm-mix-fb--zero{opacity:.45}.fm-mix-fb--no-feedback{opacity:.35}.fm-mix-pan{height:6px;background:var(--slider-track);border-radius:3px;position:relative}.fm-mix-pan-mark{position:absolute;top:-2px;bottom:-2px;width:3px;left:50%;transform:translate(-50%);background:var(--chrome-5);border-radius:2px}.fm-mix-pan-cell{display:flex;flex-direction:column;gap:2px;align-items:stretch;justify-content:center}.fm-mix-pan-label{font-size:11px;color:var(--chrome-3);text-align:center;font-variant-numeric:tabular-nums;line-height:1}.fm-mix-pan:focus-visible{outline:2px solid var(--color-active);outline-offset:1px;border-radius:4px}.fm-mix-s,.fm-mix-m{width:22px;height:22px;border-radius:3px;font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;color:var(--chrome-3);background:var(--surface-tint-2);border:none;cursor:pointer}.fm-mix-s[aria-pressed=true]{background:var(--color-solo);color:#000}.fm-mix-m[aria-pressed=true]{background:var(--color-mute);color:#fff}.fm-page-pitch{display:flex;flex-direction:column;gap:3px}.fm-pitch-header{display:grid;grid-template-columns:24px 22px 54px 36px 42px 46px;gap:6px;padding:0 7px 4px;font-size:9px;color:var(--chrome-2);text-transform:uppercase;letter-spacing:.4px;text-align:center}.fm-pitch-row{display:grid;grid-template-columns:24px 22px 54px 36px 42px 46px;gap:6px;align-items:center;padding:5px 7px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px}.fm-pitch-tag{font-size:9px;color:var(--chrome-5);font-weight:500;text-align:center;padding:2px 0;background:var(--surface-tint-2);border-radius:3px}.fm-pitch-role{font-size:8px;color:var(--chrome-3);text-transform:uppercase;text-align:center}.fm-pitch-ratio{padding:3px 5px;background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:3px;color:var(--chrome-4);font-size:var(--text-xs);text-align:center}.fm-pitch-fine,.fm-pitch-hz{text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-4);font-size:var(--text-xs);padding:2px 4px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:3px;cursor:ns-resize;touch-action:none}.fm-pitch-fix{display:flex;align-items:center;justify-content:center;background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:10px;padding:2px 4px;font-size:9px;line-height:1;color:var(--chrome-3);text-transform:uppercase;text-align:center;cursor:pointer}.fm-pitch-fix[aria-pressed=true]{background:var(--color-active);color:#000;border-color:var(--color-active)}.fm-pitch-row--fixed .fm-pitch-ratio,.fm-pitch-row--fixed .fm-pitch-fine,.fm-pitch-hz--disabled{opacity:.4;pointer-events:none}.fm-pitch-transpose-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.fm-pitch-transpose-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--chrome-2)}.fm-pitch-transpose-slider{display:flex;align-items:center;gap:var(--space-2);min-width:0}.fm-pitch-transpose-range{flex:1 1 0;min-width:0;width:100%}.fm-pitch-transpose-value{flex:0 0 auto;min-width:28px;text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-5);font-size:var(--text-xs)}.fm-page-mod{display:flex;flex-direction:column;gap:3px}.fm-mod-noise-row{display:flex;align-items:center;gap:8px;padding:5px 7px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px;margin-top:10px}.fm-mod-noise-label{font-size:9px;color:var(--chrome-4);text-transform:uppercase;letter-spacing:.4px;font-weight:500}.fm-mod-noise-routing{padding:3px 5px;background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:3px;color:var(--chrome-4);font-size:var(--text-xs)}.fm-mod-header{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 50px;gap:6px;padding:0 7px 4px;font-size:9px;color:var(--chrome-2);text-transform:uppercase;letter-spacing:.4px}.fm-mod-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 50px;gap:6px;align-items:center;padding:5px 7px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:4px}.fm-mod-tag{font-size:9px;color:var(--chrome-5);font-weight:500;text-align:center;padding:2px 0;background:var(--surface-tint-2);border-radius:3px}.fm-mod-keyScl,.fm-mod-vel,.fm-mod-rateKs,.fm-mod-amSens{text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-4);font-size:var(--text-xs);padding:2px 4px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:3px;cursor:ns-resize;touch-action:none}.fm-mod-wave{padding:3px 5px;background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:3px;color:var(--chrome-4);font-size:var(--text-xs)}.fm-mod-noise-level{flex:1 1 auto;min-width:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-4);font-size:var(--text-xs);padding:2px 4px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:3px;cursor:ns-resize;touch-action:none}.fm-mod-noise-type{flex:0 0 auto;padding:3px 5px;background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:3px;color:var(--chrome-4);font-size:var(--text-xs)}.fm-page-env{display:flex;flex-direction:column;gap:var(--space-2)}.fm-env-op-row{display:flex;gap:1px;padding:2px;background:var(--surface-tint-1);border-radius:4px}.fm-env-op{flex:1;padding:4px;text-align:center;font-size:var(--text-xs);color:var(--chrome-3);border-radius:3px;background:transparent;border:none;cursor:pointer}.fm-env-op--active{background:var(--surface-tint-2);color:var(--chrome-5)}.fm-env-amp,.fm-env-pitch{display:flex;flex-direction:column;gap:var(--space-1)}.fm-env-amp-host,.fm-env-pitch-host{background:var(--surface-darker);border-radius:4px;padding:6px;position:relative}.fm-env-amp-host{--env-color: var(--color-active)}.fm-env-pitch-host{--env-color: var(--color-warning)}.fm-env-pitch--disabled .fm-env-pitch-host{opacity:.4;pointer-events:none}.fm-env-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.fm-env-section-label{color:var(--chrome-3);font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding:4px 0}.fm-env-pitch-enable{background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:10px;padding:2px 8px;font-size:9px;color:var(--chrome-3);text-transform:uppercase;cursor:pointer}.fm-env-pitch-enable[aria-pressed=true]{background:var(--color-active);color:#000;border-color:var(--color-active)}.fm-env-canvas{width:100%;height:80px;display:block}.fm-env-pitch .fm-env-canvas{height:60px}.fm-env-polyline{fill:none;stroke:var(--color-active);stroke-width:1.5}.fm-env-pitch .fm-env-polyline{stroke:var(--color-warning)}.fm-env-polyline-sustain{stroke-dasharray:4 3;opacity:.6;stroke:var(--color-active);stroke-width:1.5}.fm-env-pitch .fm-env-polyline-sustain{stroke:var(--color-warning)}.fm-env-stage{fill:var(--color-active);pointer-events:none}.fm-env-pitch .fm-env-stage{fill:var(--color-warning)}.fm-env-stage-hit{fill:transparent;cursor:grab}.fm-env-stage[data-sustain="1"]{fill:none;stroke:currentColor;stroke-width:1.5}.fm-env-stage-hit:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.fm-env-stage-values{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:4px;font-variant-numeric:tabular-nums;pointer-events:none}.fm-env-stage-value{display:flex;flex-direction:column;align-items:center;line-height:1.2;font-size:9px}.fm-env-stage-label-x{color:var(--chrome-4)}.fm-env-stage-label-y{color:var(--chrome-3)}.fm-env-axis-hint{margin:2px 0 0;text-align:center;font-size:9px;color:var(--chrome-3)}.fm-algorithms{display:flex;flex-direction:column;gap:var(--space-2)}.fm-algo-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);max-height:24rem;overflow-y:auto;scrollbar-gutter:stable}.fm-algo-cell{background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);padding:var(--space-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.fm-algo-cell:not(.fm-algo-cell--active):hover{background:var(--surface-tint-2)}.fm-algo-cell--active{background:var(--surface-tint-2);border-color:var(--color-active)}.fm-algo-cell--previewing{border-color:var(--color-active-bright)}.fm-algo-svg{width:100%;height:auto;color:var(--chrome-4)}.fm-algo-cell--active .fm-algo-svg{color:var(--color-active)}.fm-picker-mount{display:flex;flex-direction:column;gap:var(--space-2)}.fm-picker-mount #fmAlgoPicker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);max-height:24rem;overflow-y:auto;scrollbar-gutter:stable}.fm-picker-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.fm-picker-done{background:transparent;border:none;color:var(--color-active);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);cursor:pointer}.fm-picker-help{align-self:center}.fm-off-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-2)}.fm-off-placeholder .fmDisabledNote{align-self:stretch;margin:0}.fm-off-turn-on{align-self:center;padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}@media(max-width:768px){.fm-mix-row{grid-template-columns:24px minmax(0,1fr) 54px 28px 24px 24px}.fm-mix-row:has(.fm-mix-fb){grid-template-columns:24px minmax(0,1fr) 54px 28px 48px 24px 24px}.fm-mix-role{display:none}.fm-mix-pan{width:100%}.fm-mix-pan-mark{display:none}.fm-mix-pan-label{font-size:10px}.fm-mix-s,.fm-mix-m{width:22px;height:22px;font-size:11px}.fm-env-op{padding:8px;min-height:32px}.fm-picker-mount #fmAlgoPicker,.fm-algo-picker{grid-template-columns:repeat(2,1fr)}.fm-mod-header,.fm-mod-row{grid-template-columns:20px repeat(4,minmax(0,1fr)) 44px;gap:4px;column-gap:4px}.fm-mod-keyScl,.fm-mod-vel,.fm-mod-rateKs,.fm-mod-amSens{min-height:32px;display:flex;align-items:center;justify-content:flex-end}.fm-mod-noise-routing{min-height:32px}}.fm-picker-mount.fm-picker-loading{opacity:.6;pointer-events:none}.fm-page-lfo{display:flex;flex-direction:column;gap:var(--space-5);padding:0 var(--space-4) var(--space-4)}.fm-lfo-section{border:1px solid var(--surface-border);border-radius:var(--radius);overflow:hidden;background:var(--surface-tint-1)}.fm-lfo-section-title{padding:5px var(--space-4);background:var(--surface-tint-2);border-bottom:1px solid var(--surface-border);color:var(--chrome-3);font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.fm-lfo-section-body{padding:var(--space-5) var(--space-4)}.fm-lfo-source-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"wave  wave  wave" "speed delay sync";gap:var(--space-5);align-items:end}.fm-lfo-field--waveform{grid-area:wave}.fm-lfo-field--speed{grid-area:speed}.fm-lfo-field--delay{grid-area:delay}.fm-lfo-source-grid>.fm-lfo-sync-field{grid-area:sync}.fm-lfo-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.fm-lfo-label{font-size:9px;color:var(--chrome-3);text-transform:uppercase;letter-spacing:.5px}.fm-lfo-waveforms{display:flex;flex-wrap:nowrap;gap:var(--space-3);align-items:center}.fm-lfo-wave-btn{padding:0;flex:0 0 auto}.fm-lfo-sync-field{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.fm-lfo-pitch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:stretch}.fm-lfo-amp-stack{display:flex;flex-direction:column;gap:var(--space-5)}.fm-lfo-amount{display:flex;align-items:center;gap:var(--space-3);min-width:0}.fm-lfo-amount input[type=range]{flex:1;min-width:0;width:100%}.fm-lfo-amount-label{font-size:9px;color:var(--chrome-3);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.fm-lfo-amount-value{font-size:var(--text-xs);color:var(--chrome-5);min-width:24px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.fm-lfo-amount--stacked{flex-direction:column;align-items:stretch;gap:var(--space-2)}.fm-lfo-amount-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.fm-lfo-amount-row input[type=range]{flex:1;min-width:0;width:100%}.fm-mod-noise-extra{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0}.fm-mod-noise-extra--off{opacity:.4;pointer-events:none}.footer{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-xs);color:var(--chrome-2);box-sizing:border-box;position:fixed;bottom:0;left:0;z-index:var(--z-rail);pointer-events:none}.footer a,.footer span[id],.footer button{pointer-events:auto}.footer-left{display:flex;align-items:center;gap:var(--space-3)}.footer a,.footer span{color:var(--chrome-2);text-decoration:none}.footer a:hover,#about:hover{color:var(--chrome-4)}#about{cursor:pointer}.footer-sep{color:var(--chrome-1);-webkit-user-select:none;user-select:none}.footer-discord{display:inline-flex;align-items:center}.footer-right{color:var(--chrome-2)}.footer-right kbd{border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-family:inherit}.terms-body{line-height:1.6;margin:var(--space-7);max-width:800px;color:#fff;background-color:var(--surface-terms)}.terms-body h1,.terms-body h2,.terms-body h3{color:#fff}.terms-body h1{text-align:center}.terms-body hr{margin:var(--space-8) 0}.terms-body a{color:#fff}@media only screen and (max-width:768px){.footer{display:none}}@media only screen and (max-width:768px){.mobile-preset-row{display:flex;gap:var(--space-3);width:100%;align-items:center}.mobile-preset-row .song-bar-picker{flex:1;min-width:0;width:auto}.mobile-preset-row .song-bar-scale #scaleSelectBox,.mobile-preset-row .song-bar-preset #presetSelectBox{flex:1;width:auto;min-width:0;max-width:none}.mobile-preset-row .presetNavButton{height:var(--space-9)}.mobile-preset-row #scalePrev,.mobile-preset-row #presetPrev{margin-inline-end:var(--space-2)}.mobile-preset-row #scaleNext,.mobile-preset-row #presetNext{margin-inline-start:var(--space-2)}}#iconRail{display:flex;flex-direction:row;width:100%;max-width:280px;min-width:0;height:44px;min-height:44px;box-shadow:inset 0 -1px 0 var(--chrome-tab);padding:0;gap:var(--space-1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;align-self:stretch;z-index:var(--z-rail)}#iconRail::-webkit-scrollbar{height:0;display:none}.rail-icon{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;flex-shrink:0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--chrome-4);cursor:pointer;padding:0;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}@media(hover:hover){.rail-icon:hover{color:var(--chrome-4);background-color:var(--surface-tint-2)}.rail-icon.active:hover{color:color-mix(in srgb,var(--color-accent),white 40%);background-color:transparent}}.rail-icon:active{color:var(--chrome-5)}.rail-icon.active{color:var(--color-accent);border-bottom:3px solid var(--color-accent)}.rail-icon.hidden{display:none}.rail-icon:focus-visible{outline:1px solid var(--color-active);outline-offset:-2px}.rail-icon svg{width:18px;height:18px;pointer-events:none}#panelContainer{width:280px;min-width:280px;flex:1;align-self:stretch;border-right:none}.slide-panel{display:none;width:100%;height:100%;background-color:var(--background-color);overflow-y:auto;overflow-x:hidden;flex-direction:column}.slide-panel.open{display:flex}@media(min-width:769px){@supports (content-visibility: hidden){#panelContainer{position:relative}.slide-panel{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;content-visibility:hidden;contain-intrinsic-size:100% 100%}.slide-panel.open{content-visibility:visible;z-index:1}}}.panel-header{display:none}.panel-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--chrome-3);margin:0}.panel-close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:transparent;border:none;color:var(--chrome-2);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1}.panel-close:hover{color:var(--chrome-4)}.panel-body{padding:var(--space-5) var(--space-2) var(--space-5) 0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}#panelSequencer .panel-body{gap:var(--space-5)}#panelEdit .panel-body,#panelOptions .panel-body{gap:var(--space-6)}.panel-body>.sliderContainer:first-child{padding-top:0}.panel-body>.sliderContainer:first-child>.tabs:first-of-type{margin-top:0}.panel-body>.lfo-tabs:first-child{margin-top:0}.panel-body>.filterSection:first-child>.lfoGroup:first-child{margin-top:0}.boxesLabel{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--chrome-2);margin:var(--space-4) 0 var(--space-2)}.boxesLabel:first-child{margin-top:0}.slide-panel .sliderItem{visibility:visible}#sidebarArea{display:flex;flex-direction:column;align-self:stretch}#sidebarInner{display:flex;flex-direction:column;flex:1;min-height:0}:is(#songBar,.transport-play-row):has(#clearButton.clear-split) #resetSlidersButton{display:none}#transportControls{display:none}.panel-more-toggle{display:block;width:100%;padding:var(--space-3) 0;background:transparent;border:none;border-top:1px solid var(--surface-tint-2);color:var(--chrome-2);cursor:pointer;font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;text-align:center;margin-top:var(--space-4)}.panel-more-toggle:hover{color:var(--chrome-4)}.panel-more-toggle:active{color:var(--chrome-5)}.panel-more-content{display:none}.panel-more-content.expanded{display:block}.slide-panel .sliderContainer{display:grid;grid-template-columns:repeat(2,1fr);width:100%;padding:var(--space-1) 0;height:auto;overflow:visible;opacity:1}.slide-panel .sliderContainer.filterSection{display:flex;flex-direction:column}.slide-panel .sliderContainer.collapsed{height:auto}.lfo-pwm-hint{font-size:var(--text-xs);color:var(--chrome-tab);margin-left:var(--space-2)}.slide-panel::-webkit-scrollbar{width:var(--scrollbar-width)}.slide-panel::-webkit-scrollbar-track{background:transparent}.slide-panel::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}@media(min-width:769px){body.sidebar-collapsed #sidebarArea{display:none}}@media only screen and (max-width:768px){#iconRail{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;height:calc(44px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;border-bottom:none;border-top:1px solid var(--surface-border);box-shadow:none;background-color:var(--background-color);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:var(--z-dropdown)}.rail-icon{width:auto;flex:1;height:44px;border-bottom:none;border-top:2px solid transparent}.rail-icon svg{width:22px;height:22px}.rail-icon.active{color:var(--color-accent);border-bottom-color:transparent;border-top-color:var(--color-accent)}#panelBackdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom));z-index:var(--z-panel);background:transparent;-webkit-tap-highlight-color:transparent}#panelBackdrop.active{display:block}#panelContainer{position:fixed;left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom));top:auto;z-index:calc(var(--z-panel) + 1)}.slide-panel{width:100%;height:auto;max-height:80vh;top:auto;bottom:0;transform:translateY(100%);border-right:none;border-top:1px solid #ffffff21;border-right:1px solid #ffffff21;border-left:1px solid #ffffff21;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background-color:color-mix(in srgb,color-mix(in srgb,var(--background-color) 92%,#888) 96%,transparent)}.slide-panel.open{transform:translateY(0)}.panel-body{padding:var(--space-1) var(--space-3)}.slide-panel .panel-body .section-title{margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1)}#sidebarArea{flex-direction:column;align-self:auto;width:100%;flex-shrink:0}#sidebarInner{display:contents}#transportControls{display:flex;flex-direction:column;align-items:center;width:97vw;margin:0 auto;padding:0 0 var(--space-3);gap:var(--space-4);background-color:transparent;border:none}#transportControls>*{width:100%}.transport-play-row{display:flex;gap:var(--space-4);align-items:center}#transportControls #playStopButton{margin:0;height:32px;flex:2;min-width:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-play-row .controlButton{flex:1;min-width:0;padding:0 var(--space-4);font-size:var(--text-sm);line-height:1.1;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-play-row #clearButton.clear-split{flex:0 0 var(--clear-split-w, auto)}.transport-play-row .controlButton:has(.tooltip){overflow:visible}.transport-play-row .header-undo-redo{flex:0 0 auto;width:32px;height:32px;padding:0}.transport-row{display:flex;gap:var(--space-4);align-items:center}.transport-row .tempoCol{flex:2;min-width:0}.transport-play-row .controlButton>.tooltip,.transport-row .gridSizeSelectContainer>.tooltip{max-width:min(260px,calc(100vw - 16px));white-space:normal}.transport-row .gridSizeSelectContainer{flex-shrink:0;min-width:65px;position:relative;display:flex;align-items:stretch}.transport-row #gridSizeSelectBox{width:100%;padding-top:0;padding-bottom:0;font-size:var(--text-sm);height:32px}#transportControls .presetContainer{margin:0}.boxesLabel{font-size:var(--text-md)}}.tools{display:none}.show_tools{display:inline-block}#errorMessage{color:var(--color-stop);text-align:center}.footer-export-import{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3) 0}.footer-export-import .exportImportButton{display:inline-block}.footer-export-import #fileInput{display:none}.exportImportButton:disabled{border-color:var(--chrome-tab);color:var(--chrome-tab);cursor:not-allowed}.popover{position:fixed;background:var(--surface-dark);border:1px solid var(--chrome-1);border-radius:var(--radius);font-family:inherit;font-size:var(--text-xs);color:var(--chrome-4);-webkit-user-select:none;user-select:none}#gridArea{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;min-height:0;position:relative;outline:none}#gridArea #matrix{aspect-ratio:1 / 1;max-height:calc(100dvh - 140px)}#pageStrip{position:relative;display:flex;align-items:flex-start;padding:var(--space-6) 0 var(--space-9) 0;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--surface-tint-2) transparent;touch-action:pan-x;container-type:inline-size;container-name:mixer-rail}#pageStrip::-webkit-scrollbar{height:4px}#pageStrip::-webkit-scrollbar-thumb{background:var(--surface-tint-2);border-radius:var(--space-1)}#pageThumbnails{display:flex;flex-direction:column;flex:0 0 auto;min-width:max-content;gap:var(--space-3)}.page-thumb{position:relative;flex-shrink:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x}.page-thumb>.strip-drag-handle{left:0;width:3px;z-index:2}.page-thumb>.strip-drag-handle:before{left:-4px;right:0}body:not(.mixer-single-track) .page-thumb>.strip-drag-handle+.page-thumb-canvas-wrap{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:4px}.track-row.active .page-thumb>.strip-drag-handle{width:4px;opacity:1;filter:brightness(1.25)}.track-row.dragging .page-thumb>.strip-drag-handle{cursor:grabbing}.page-thumb-canvas-wrap{position:relative;width:64px;height:64px;border:.5px solid var(--strip-border);border-radius:2px;overflow:hidden}.page-thumb:hover .page-thumb-canvas-wrap{border-color:var(--chrome-1)}.page-thumb.active .page-thumb-canvas-wrap{border-color:var(--chrome-3)}.page-thumb.dragging .page-thumb-canvas-wrap{border:2px solid var(--chrome-3)}.page-thumb.dragging .page-thumb-canvas{opacity:.4}.page-thumb.drag-insert-before .page-thumb-canvas-wrap{border-left:4px solid var(--color-play-border)}.page-thumb.drag-insert-after .page-thumb-canvas-wrap{border-right:4px solid var(--color-play-border)}.drag-duplicate .page-thumb.drag-insert-before .page-thumb-canvas-wrap:after,.drag-duplicate .page-thumb.drag-insert-after .page-thumb-canvas-wrap:after{content:"+";position:absolute;top:-6px;font-size:11px;font-weight:700;color:var(--color-play-border);pointer-events:none;z-index:1}.drag-duplicate .page-thumb.drag-insert-before .page-thumb-canvas-wrap:after{left:-4px}.drag-duplicate .page-thumb.drag-insert-after .page-thumb-canvas-wrap:after{right:-4px}.page-thumb-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;opacity:.7}.page-repeat-countdown{position:absolute;top:var(--space-1);left:var(--space-1);font-size:var(--text-xs);line-height:1;color:var(--chrome-3);pointer-events:none;display:none}.page-thumb.playing .page-repeat-countdown.visible{display:block;z-index:1}.page-jump-badge{position:absolute;top:var(--space-1);right:var(--space-1);font-size:var(--text-xs);background:transparent;color:var(--chrome-3);padding:1px 3px;border-radius:var(--radius);pointer-events:none;line-height:1;z-index:1}.page-thumb-repeat{font-size:var(--text-xs);color:var(--chrome-3);line-height:1;cursor:pointer;pointer-events:auto;padding:var(--space-2) var(--space-3);border-radius:var(--space-1);transition:color var(--transition-fast),background var(--transition-fast);display:inline-flex;align-items:center;gap:2px}.page-thumb-repeat:hover{color:var(--chrome-5);background:var(--overlay-heavy)}.page-repeat-dropdown{z-index:var(--z-overlay);padding:var(--space-4) var(--space-5);min-width:120px;display:flex;flex-direction:column;gap:var(--space-5)}.page-repeat-dropdown-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--chrome-3)}.page-repeat-dropdown-value{font-variant-numeric:tabular-nums;min-width:20px;text-align:right}.page-repeat-slider-row{display:flex;align-items:center;gap:var(--space-3)}.page-repeat-dropdown input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;outline:none;cursor:pointer;margin:0}.page-repeat-dropdown input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(to right,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%));border-radius:2px}.page-repeat-dropdown input[type=range]::-moz-range-track{width:100%;height:2px;background:var(--slider-track);border-radius:2px}.page-repeat-dropdown input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:2px}.page-repeat-dropdown input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:-7px}.page-repeat-dropdown input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.page-repeat-dropdown input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.page-repeat-dropdown input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.page-repeat-dropdown input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.page-repeat-dropdown input[type=range]::-moz-range-thumb:active{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.page-jump-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-jump-row-label{color:var(--chrome-3);font-size:var(--text-xs);white-space:nowrap}.page-jump-select{flex:1;min-width:0;background:var(--surface-tint-2);color:var(--chrome-4);border:1px solid var(--chrome-2);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);cursor:pointer;outline:none}.page-jump-select:focus{border-color:var(--color-active)}.page-jump-count-select{width:50px;background:var(--surface-tint-2);color:var(--chrome-4);border:1px solid var(--chrome-2);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);cursor:pointer;outline:none}.page-jump-count-select:focus{border-color:var(--color-active)}.page-thumb-actions{display:none;flex-direction:row;align-items:center;gap:0;z-index:var(--z-overlay);white-space:nowrap;pointer-events:auto}.page-thumb-delete,.page-thumb-duplicate{background:none;border:none;color:var(--chrome-4);cursor:pointer;font-size:var(--text-sm);line-height:1;border-radius:var(--space-1);padding:var(--space-2) var(--space-3)}.page-thumb-delete:hover{color:var(--color-danger-active);background:var(--overlay-heavy)}.page-thumb-delete.confirm-pending{background:var(--color-danger);color:var(--chrome-selected)}.page-thumb-delete.confirm-pending:hover{background:var(--color-danger-deep);color:var(--chrome-selected)}.page-thumb-duplicate:hover{color:var(--color-play-border);background:var(--overlay-heavy)}.page-add-btn{width:64px;height:64px;flex-shrink:0;background:transparent;border:1px dashed var(--strip-border);border-radius:2px;color:var(--chrome-3);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast)}.page-add-btn:hover{border-color:var(--chrome-3);color:var(--chrome-4)}.page-add-btn:active:not(:disabled){border-color:var(--chrome-4);color:var(--chrome-5)}.page-add-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.page-add-btn.btn-with-label{flex-direction:column;padding:4px 6px;gap:2px}.btn-first-use-label{font-size:var(--text-xs);font-weight:500;white-space:nowrap;letter-spacing:.01em}@media only screen and (max-width:768px){.btn-first-use-label{font-size:10px;line-height:1}}.page-thumb-clone{opacity:.8;border:1px solid var(--chrome-1)}@media only screen and (max-width:768px){#gridArea #matrix{aspect-ratio:1 / 1;flex:0 0 auto;width:97vw;max-width:97vw;min-width:280px;max-height:max(48.5vw,min(97vw,calc(100svh - 390px)))}#pageStrip{flex:0 0 auto;min-height:0;min-width:0;max-width:100%;padding:var(--space-6) var(--space-1) var(--space-5);overflow:visible;touch-action:pan-y}#pageStrip #pageThumbnails{flex:1 1 auto;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y}body.mobile-rail-mixer:not(.mixer-horizontal) #pageStrip #mixerView{flex:1 1 auto;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.page-thumb{touch-action:pan-x pan-y}body.mobile-rail-mixer .track-row .page-thumb-canvas-wrap,body.mobile-rail-mixer .track-row .page-add-btn{display:none}@media(hover:none){.page-thumb-delete,.page-thumb-duplicate,.page-thumb-repeat{padding:var(--space-3) var(--space-3)}.page-thumb-delete,.page-thumb-duplicate{font-size:var(--text-lg)}.page-thumb-repeat{font-size:var(--text-md)}}}.mini-playhead{position:absolute;top:0;left:0;height:100%;width:1px;background:#ffffff80;pointer-events:none;z-index:2;will-change:transform}.note-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:transparent;box-shadow:0 0 9px 3px var(--glow-color, yellow);opacity:1;animation:glowFade var(--glow-duration, .3s) ease-out forwards}.gridButton.active.note-head .note-glow{box-shadow:-9px 0 9px -3px var(--glow-color, yellow),0 -9px 9px -3px var(--glow-color, yellow),0 9px 9px -3px var(--glow-color, yellow);clip-path:inset(-20px 0 -20px -20px)}.gridButton.active.note-body .note-glow{box-shadow:0 -9px 9px -3px var(--glow-color, yellow),0 9px 9px -3px var(--glow-color, yellow);clip-path:inset(-20px 0 -20px 0)}.gridButton.active.note-tail .note-glow{box-shadow:9px 0 9px -3px var(--glow-color, yellow),0 -9px 9px -3px var(--glow-color, yellow),0 9px 9px -3px var(--glow-color, yellow);clip-path:inset(-20px -20px -20px 0)}@keyframes glowFade{0%,80%{opacity:1}to{opacity:0}}.keyboard-help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.keyboard-help-modal{background:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);max-width:460px;width:90%;max-height:80vh;overflow-y:auto;color:var(--chrome-3);animation:modalSlideUp .2s ease-out}.keyboard-help-modal h1{margin:0 0 var(--space-3);font-size:var(--text-title);text-align:center;color:var(--chrome-5)}.keyboard-help-modal .subtitle{text-align:center;margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.4}.keyboard-help-modal h2{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--chrome-2);padding:var(--space-5) 0 var(--space-2);margin:var(--space-3) 0 0;border:none}.keyboard-help-modal h2:first-of-type{margin-top:0;padding-top:0}.keyboard-help-modal p{font-size:var(--text-sm);color:var(--chrome-2);margin:var(--space-3) 0}.keyboard-help-modal table{width:100%;border-collapse:collapse}.keyboard-help-modal tr{border-bottom:1px solid var(--chrome-1)}.keyboard-help-modal td{padding:var(--space-4) var(--space-4);font-size:var(--text-sm)}.keyboard-help-modal td:first-child{white-space:nowrap;width:1%;padding-right:var(--space-7)}.keyboard-help-modal kbd{border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-family:inherit}.keyboard-help-modal::-webkit-scrollbar{width:var(--scrollbar-width)}.keyboard-help-modal::-webkit-scrollbar-track{background:transparent}.keyboard-help-modal::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}@media only screen and (max-width:768px){.keyboard-help-overlay{padding-top:5vh}.keyboard-help-modal{padding:var(--space-7) var(--space-6) var(--space-6)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) + 10);pointer-events:all;animation:ob-fadeIn .4s ease both}.onboarding-spotlight{position:fixed;z-index:calc(var(--z-overlay) + 11);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--overlay);transition:top .38s cubic-bezier(.22,1,.36,1),left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1);pointer-events:none;animation:ob-spotlightIn .5s cubic-bezier(.22,1,.36,1) both}.onboarding-tooltip{position:fixed;z-index:calc(var(--z-overlay) + 12);background:var(--surface-dark);border:1px solid var(--chrome-border);border-radius:var(--radius-lg);max-width:300px;padding:var(--space-8) var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);overflow:visible;transition:top .38s cubic-bezier(.22,1,.36,1),left .38s cubic-bezier(.22,1,.36,1),opacity .25s ease;animation:ob-tooltipIn .45s cubic-bezier(.22,1,.36,1) .1s both}.onboarding-message{color:var(--chrome-5);font-size:var(--text-md);text-align:center;line-height:1.5;margin:0;letter-spacing:.5px;font-weight:400}.onboarding-dots{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-1) 0}.onboarding-dot{width:4px;height:4px;border-radius:var(--radius-full);border:none;background:var(--chrome-1);transition:background .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.onboarding-dot.active{background:var(--color-play);transform:scale(1.3)}.onboarding-close{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--chrome-1);cursor:pointer;line-height:1;transition:color .15s ease}.onboarding-close:hover{color:var(--chrome-4)}.onboarding-arrow{position:absolute;width:18px;height:18px;background:var(--surface-dark);transform:translate(-50%) rotate(45deg);pointer-events:none;transition:left .38s cubic-bezier(.22,1,.36,1)}.onboarding-arrow.arrow-down{bottom:-9px;border-right:1px solid var(--chrome-border);border-bottom:1px solid var(--chrome-border)}.onboarding-arrow.arrow-up{top:-9px;border-left:1px solid var(--chrome-border);border-top:1px solid var(--chrome-border)}@keyframes ob-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ob-spotlightIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ob-tooltipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:768px){.onboarding-tooltip{max-width:260px;padding:var(--space-8) var(--space-7) var(--space-5)}.onboarding-message{font-size:var(--text-sm)}}.section-title--help{display:flex;align-items:center}.section-title--help>span{flex:1}.labelWithHelp{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.section-help-btn{width:16px;height:16px;padding:0;margin-left:var(--space-3);flex-shrink:0;border-radius:50%;border:1px solid var(--chrome-1);background:transparent;color:var(--chrome-2);font-size:var(--text-xs);font-weight:600;line-height:1;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.section-help-btn:hover{color:var(--chrome-4);border-color:var(--chrome-3)}.section-help-btn:active{color:var(--chrome-5);border-color:var(--chrome-4)}@media(hover:none){.section-help-btn:hover{color:var(--chrome-2);border-color:var(--chrome-1)}}.section-help-popup{position:fixed;max-width:260px;max-height:calc(100svh - 16px);overflow-y:auto;padding:var(--space-5) var(--space-6);background:var(--surface-dark);border:1px solid var(--chrome-border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:400;text-transform:none;letter-spacing:.5px;color:var(--main-font-color);line-height:1.45;z-index:var(--z-overlay);animation:tooltipFadeIn .15s ease forwards}.help-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.help-popup-content{width:460px;max-width:calc(100vw - 32px);background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-popup-links{display:flex;flex-direction:column;gap:var(--space-2)}.help-popup-link{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-5);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--chrome-4);transition:background-color var(--transition-fast),color var(--transition-fast);letter-spacing:.3px;width:100%}.help-popup-link:hover{background-color:var(--surface-tint-2);color:var(--chrome-5)}.help-popup-link:active{background-color:var(--surface-tint-1)}.help-popup-link svg{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.help-popup-link:hover svg{opacity:1}.help-popup-link-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.help-popup-link:after{content:"";width:16px;height:16px;background-color:var(--chrome-2);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;margin-left:auto;flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-fast)}.help-popup-link:hover:after{background-color:var(--chrome-4);transform:translate(2px)}.help-popup-link-title{font-size:var(--text-base);font-weight:500}.help-popup-link-desc{font-size:var(--text-sm);color:var(--chrome-2)}.help-popup-link:hover .help-popup-link-desc{color:var(--chrome-3)}a.help-popup-link{text-decoration:none}@media only screen and (max-width:768px){.help-desktop-only{display:none}.help-popup{padding-top:8vh}}@media(hover:none){.help-popup-link:hover:after{color:var(--chrome-2);transform:none}}.tips-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.tips-popup-content{width:740px;max-width:calc(100vw - 32px);max-height:80vh;overflow-y:auto;background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out;display:grid;grid-template-columns:1fr 1fr;gap:2px}.tips-popup-content h1{grid-column:1 / -1;margin:0 0 var(--space-3);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px}.tips-popup-content .subtitle{grid-column:1 / -1;margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.4}.tips-popup-content h2{grid-column:1 / -1;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--chrome-2);padding:var(--space-5) var(--space-1) var(--space-2);margin:var(--space-3) 0 0;border:none}.tips-popup-content h2:first-of-type{margin-top:0;padding-top:var(--space-2)}.tips-popup-content .tip-card{display:flex;align-items:flex-start;padding:var(--space-5) var(--space-1);gap:0;border-radius:var(--radius);transition:background-color var(--transition-fast)}.tips-popup-content .tip-card:hover{background-color:var(--surface-tint-2)}.tips-popup-content .tip-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:26px;margin-top:1px;color:var(--chrome-3)}.tips-popup-content .tip-title{font-size:14px;font-weight:500;color:var(--chrome-5);letter-spacing:.3px}.tips-popup-content .tip-desc{font-size:var(--text-sm);color:var(--chrome-3);margin-top:var(--space-2);line-height:1.45}.tips-popup-content::-webkit-scrollbar{width:var(--scrollbar-width)}.tips-popup-content::-webkit-scrollbar-track{background:transparent}.tips-popup-content::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}@media only screen and (max-width:768px){.tips-popup-content{grid-template-columns:1fr}.tips-popup-content .tip-icon{min-width:52px;width:52px}.tips-popup-content .tip-card:hover{background-color:transparent}.tips-popup-content .tip-card{-webkit-tap-highlight-color:transparent}}@media(hover:none){.tips-popup-content .tip-card:hover{background-color:transparent}}.changelog-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.changelog-popup-content{width:500px;max-width:calc(100vw - 32px);max-height:80vh;overflow-y:auto;background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out}.changelog-popup-content h1{margin:0 0 var(--space-3);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px}.changelog-popup-content .subtitle{margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.4}.changelog-popup-content .changelog-date{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--chrome-2);padding:var(--space-5) 0 var(--space-2);margin-top:var(--space-3)}.changelog-popup-content .changelog-date:first-of-type{margin-top:0;padding-top:var(--space-2)}.changelog-popup-content ul{list-style:none;margin:0;padding:0}.changelog-popup-content li{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-6);font-size:var(--text-sm);color:var(--chrome-3);line-height:1.5}.changelog-popup-content li:before{content:"";position:absolute;left:2px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--chrome-2)}.changelog-popup-content::-webkit-scrollbar{width:var(--scrollbar-width)}.changelog-popup-content::-webkit-scrollbar-track{background:transparent}.changelog-popup-content::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}.options-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:transparent}.options-popup[hidden]{display:none}.options-popup-content{position:fixed;width:280px;max-width:calc(100vw - 16px);max-height:80vh;overflow-y:auto;overflow-x:hidden;background-color:var(--background-color);border:.5px solid var(--chrome-1);border-radius:var(--radius);box-shadow:0 8px 32px #0006;animation:modalFadeIn .12s ease-out;display:flex;flex-direction:column}.options-popup-content .panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);flex-shrink:0}.options-popup-content .panel-body{padding:var(--space-3) var(--space-5) var(--space-5);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.options-popup-content .sliderItem{visibility:visible}.options-popup-content .sliderContainer{display:grid;grid-template-columns:repeat(2,1fr);width:100%;padding:var(--space-1) 0;height:auto;overflow:visible;opacity:1}.options-popup-content::-webkit-scrollbar,.options-popup-content .panel-body::-webkit-scrollbar{width:var(--scrollbar-width)}.options-popup-content::-webkit-scrollbar-track,.options-popup-content .panel-body::-webkit-scrollbar-track{background:transparent}.options-popup-content::-webkit-scrollbar-thumb,.options-popup-content .panel-body::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}.options-popup-content .tabs{margin-top:0;margin-bottom:var(--space-4);gap:0;border-bottom:.5px solid var(--chrome-border)}.options-popup-content .tabs:after{display:none}@media only screen and (max-width:768px){.options-popup-content{max-height:86vh;background-color:color-mix(in srgb,color-mix(in srgb,var(--background-color) 92%,#888) 96%,transparent)}}@media only screen and (max-width:768px){.help-popup-content,.about-popup-content{padding:var(--space-6) var(--space-6) var(--space-5)}.help-popup-links,.about-popup-links{gap:2px}.help-popup-link,.about-popup-link{padding:var(--space-3) var(--space-4);gap:var(--space-4)}.help-popup-link svg,.about-popup-link svg{width:18px;height:18px}.help-popup-link-desc,.about-popup-link-desc{font-size:var(--text-xs)}}@media(hover:none){.help-popup-link:hover,.about-popup-link:hover{background-color:transparent;color:var(--chrome-4)}.help-popup-link:hover svg,.about-popup-link:hover svg{opacity:.7}.help-popup-link:hover .help-popup-link-desc,.about-popup-link:hover .about-popup-link-desc{color:var(--chrome-2)}}@media only screen and (max-width:768px){.tips-popup,.changelog-popup{padding-top:5vh}.tips-popup-content,.changelog-popup-content{padding:var(--space-7) var(--space-6) var(--space-6)}}.confirm-popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-overlay)}.confirm-popup{position:fixed;z-index:var(--z-overlay);background:var(--surface-dark);border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-5) var(--space-5) var(--space-4);min-width:200px;max-width:260px;font-family:inherit;color:var(--chrome-4);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;animation:modalSlideUp .15s ease-out;box-shadow:0 4px 16px #0006}.confirm-popup-message{margin-bottom:var(--space-4);line-height:1.4;color:var(--chrome-4);font-size:var(--text-sm)}.confirm-popup-actions{display:flex;gap:var(--space-3)}.confirm-popup-btn{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:.5px solid var(--chrome-1);border-radius:var(--radius);color:var(--chrome-3);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.confirm-popup-btn:hover{background:var(--surface-tint-2);border-color:var(--chrome-2);color:var(--chrome-4)}.confirm-popup-btn:focus-visible{outline:1px solid var(--color-active);outline-offset:2px}.confirm-popup-btn--yes{border-color:var(--chrome-2);color:var(--chrome-4)}.confirm-popup-btn--yes:hover{border-color:var(--chrome-3);color:var(--chrome-5)}.export-length-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#000000a6}.export-length-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:var(--z-overlay);background:var(--surface-dark);border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-5);min-width:280px;max-width:360px;font-family:inherit;color:var(--chrome-4);font-size:var(--text-sm);box-shadow:0 4px 16px #0006;animation:exportLengthSlideUp .15s ease-out}@keyframes exportLengthSlideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}.export-length-title{font-size:var(--text-md);margin-bottom:var(--space-3);color:var(--chrome-5)}.export-length-body{margin-bottom:var(--space-4);line-height:1.4}.export-length-custom,.export-length-loops{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.export-length-num{width:3.5em;padding:var(--space-1) var(--space-2);background:var(--surface-tint-1);border:.5px solid var(--chrome-1);border-radius:var(--radius);color:var(--chrome-4);font-family:inherit}.export-length-step{width:2em;height:2em;background:transparent;border:.5px solid var(--chrome-1);border-radius:var(--radius);color:var(--chrome-4);font-size:var(--text-md);line-height:1;cursor:pointer}.export-length-step:disabled{opacity:.4;cursor:default}.export-length-count{min-width:2em;text-align:center;color:var(--chrome-5)}.export-length-preview{margin-bottom:var(--space-3);color:var(--chrome-3)}.export-length-warning{margin-bottom:var(--space-3);color:var(--color-warning);font-size:var(--text-xs)}.export-length-actions{display:flex;gap:var(--space-3)}.export-length-btn{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:.5px solid var(--chrome-1);border-radius:var(--radius);color:var(--chrome-3);font-family:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.export-length-btn:hover{background:var(--surface-tint-2);border-color:var(--chrome-2);color:var(--chrome-4)}.export-length-btn--primary{border-color:var(--chrome-2);color:var(--chrome-5)}.export-length-btn:focus-visible{outline:1px solid var(--color-active);outline-offset:2px}.track-row{display:flex;align-items:stretch;gap:var(--space-4);padding:0 var(--space-4) var(--space-4);position:relative;min-width:max-content}.track-drag-handle{align-self:stretch;margin:0;width:2px;border-radius:var(--radius) 0 0 var(--radius);background:var(--track-accent-color, var(--chrome-1));opacity:.55;filter:brightness(.8);cursor:grab;z-index:3;flex-shrink:0;touch-action:none;transition:width 50ms ease-out,opacity 50ms ease-out,filter 50ms ease-out}.track-row.active .track-drag-handle{width:3px;opacity:1;filter:brightness(1.25)}.track-drag-handle:active{cursor:grabbing}.track-drag-handle:before{content:"";position:absolute;top:0;bottom:0;left:-6px;right:-6px}.track-drag-handle .tooltip{left:10px;right:auto;top:50%;bottom:auto;transform:translateY(-50%)}.track-controls{display:flex;align-items:stretch;flex-shrink:0;background:var(--background-color)}.track-buttons{display:flex;flex-direction:column;gap:var(--space-3)}body.mixer-single-track .track-delete-btn{display:none}.track-thumbnails{display:flex;gap:var(--space-2);flex:1;align-items:center}.track-row.dragging{opacity:.4}.track-row.drag-insert-above{border-top:2px solid var(--color-play-border);padding-top:calc(var(--space-2) - 2px)}.track-row.drag-insert-below{border-bottom:2px solid var(--color-play-border);padding-bottom:calc(var(--space-2) - 2px)}.track-row-clone{opacity:.85;pointer-events:none;z-index:1000;border:.5px solid var(--chrome-border);border-radius:var(--radius)}html.dragging-track{user-select:none;-webkit-user-select:none}.track-row.drag-target-track{background:#ffffff0a}@keyframes sidechain-highlight-pulse{0%{background:transparent}30%{background:#ffffff14}to{background:transparent}}.track-row.sidechain-highlight{animation:sidechain-highlight-pulse .6s ease-out}.track-row .page-thumb{position:relative}.track-thumbnails .page-add-btn{flex-shrink:0}.add-track-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4)}.track-type-chooser{display:flex;flex-direction:row;gap:4px;opacity:0;transition:opacity .15s ease}.track-type-chooser.visible{opacity:1}@media only screen and (max-width:768px){.add-track-row.chooser-open .page-add-btn{display:none}}.track-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;padding:0;background:var(--background-color);border:1px dashed #9a9a9aa0;border-radius:2px;color:var(--chrome-5);font-size:11px;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.track-type-btn svg,.track-type-btn .strip-type-icon{flex:0 0 auto;width:18px;height:18px;color:inherit;opacity:1}.track-type-btn:hover{border-color:var(--chrome-3);color:#fff}.track-type-btn:active{border-color:var(--chrome-4);color:#fff}#pageStrip #pageThumbnails{flex-direction:column;align-items:stretch;gap:2px}@media only screen and (max-width:768px){.track-row{height:64px;padding-bottom:0;align-items:center}#pageStrip #pageThumbnails{gap:var(--space-4)}.track-row.active .track-drag-handle{width:2px}body.mixer-single-track .track-row .track-controls{align-self:flex-start}}[dir=rtl] .header-items,[dir=rtl] .header-right,[dir=rtl] .gen-toggle-row{flex-direction:row-reverse}[dir=rtl] .section-title{text-align:right}[dir=rtl] .panel-header,[dir=rtl] .tabs{flex-direction:row-reverse}[dir=rtl] .options-stacked{text-align:right}[dir=rtl] .utilButtons{flex-direction:row-reverse}[dir=rtl] #matrix,[dir=rtl] .playhead-overlay{direction:ltr}[dir=rtl] #iconRail{flex-direction:row-reverse}@media only screen and (max-width:768px){[dir=rtl] .mobile-preset-row{flex-direction:row-reverse}}.automation-mode-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);margin-bottom:var(--space-2)}.automation-mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.automation-mode-title{font-size:var(--text-md);font-weight:600;color:var(--chrome-5);line-height:1.2}.automation-mode-help{font-size:var(--text-xs);color:var(--chrome-2);line-height:1.3}.automation-shortcut-badge{font-size:var(--text-xs);color:var(--chrome-3);background:var(--surface-dark);border:1px solid var(--surface-border);padding:2px var(--space-2);border-radius:4px;font-family:var(--font-mono);letter-spacing:.5px}.automation-subsection{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--chrome-3)}.automation-subsection:after{content:"";flex:1;height:1px;background:var(--surface-border)}.automation-subsection__count{font-size:10px;color:var(--chrome-2);font-weight:600}.automation-subsection__count:empty{display:none}.automation-lane-list{display:flex;flex-direction:column;gap:4px}.automation-lane-item{display:flex;align-items:center;gap:var(--space-3);padding:7px 10px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.automation-lane-item:hover{border-color:var(--chrome-1);background:var(--surface-tint-2)}.automation-lane-item.selected{border:1px solid var(--chrome-2);background:var(--surface-tint-2)}.automation-lane-item.selected[data-has-drawer]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.automation-lane-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.automation-lane-name{font-size:13px;color:var(--chrome-5);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-lane-item:not(.selected) .automation-lane-name{color:var(--chrome-3)}.automation-lane-remove{background:none;border:none;color:var(--chrome-2);cursor:pointer;font-size:18px;padding:2px 4px;line-height:1}.automation-lane-remove:hover{color:var(--chrome-4)}.automation-lane-toggle{flex-shrink:0;cursor:pointer;display:flex;align-items:center}.automation-lane-toggle-input{display:none}.automation-lane-toggle-track{width:28px;height:14px;border:.5px solid var(--toggle-border);border-radius:7px;background:transparent;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.automation-lane-toggle-track:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--chrome-2);position:absolute;top:1px;left:1px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.automation-lane-toggle:hover .automation-lane-toggle-track{border-color:var(--toggle-border-hover)}.automation-lane-toggle:hover .automation-lane-toggle-track:after{background:var(--chrome-3)}.automation-lane-toggle-input:checked+.automation-lane-toggle-track{background-color:var(--toggle-track);border-color:var(--toggle-border-active)}.automation-lane-toggle-input:checked+.automation-lane-toggle-track:after{transform:translate(14px);background:var(--chrome-5)}.automation-lane-item.automation-lane-disabled .automation-lane-dot{opacity:.3}.automation-lane-item.automation-lane-disabled .automation-lane-name{opacity:.4}.automation-add-param{display:flex;align-items:center;gap:6px;padding:7px 10px;background:transparent;border:1px dashed var(--chrome-1);border-radius:6px;cursor:pointer;color:var(--chrome-2);font-size:13px;margin-top:4px}.automation-add-param:hover{border-color:var(--chrome-2);color:var(--chrome-3);background:var(--surface-tint-1)}.automation-add-param.attention-pulse{animation:attention-pulse .6s ease-out}@keyframes attention-pulse{0%{border-color:var(--chrome-3);background:var(--surface-tint-1);transform:scale(1)}30%{border-color:var(--chrome-3);background:var(--surface-tint-2);transform:scale(1.05)}to{border-color:var(--chrome-1);background:transparent;transform:scale(1)}}.automation-param-dropdown{margin-top:4px;background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:6px;overflow:hidden;max-height:240px}.automation-param-search{width:100%;padding:8px 10px;background:var(--surface-tint-1);border:none;border-bottom:1px solid var(--surface-border);color:var(--chrome-5);font-size:13px;outline:none;box-sizing:border-box}.automation-param-list{max-height:200px;overflow-y:auto}.automation-param-group{font-size:11px;color:var(--chrome-2);text-transform:uppercase;letter-spacing:.5px;padding:6px 10px 2px}.automation-param-option{padding:6px 10px;font-size:13px;color:var(--chrome-3);cursor:pointer}.automation-param-option:hover{background:var(--surface-tint-2);color:var(--chrome-5)}.automation-tools-row{display:flex;align-items:center;gap:var(--space-2)}.automation-segmented{display:inline-flex;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:6px;padding:2px;gap:0}.automation-seg{min-width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 var(--space-2);background:transparent;border:none;border-radius:4px;color:var(--chrome-2);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.automation-seg:hover{color:var(--chrome-4)}.automation-seg.selected{background:var(--surface-tint-2);color:var(--chrome-5);box-shadow:0 0 0 .5px var(--chrome-1)}.automation-seg-label{font-size:11px;letter-spacing:.3px;color:inherit}.automation-clear-btn{margin-left:auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid color-mix(in srgb,var(--color-danger) 55%,var(--surface-border));border-radius:6px;color:var(--color-danger);cursor:pointer;padding:0;transition:color .15s,border-color .15s,background .15s}.automation-clear-btn:hover{color:var(--color-danger-active);border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent)}body:not(.automation-mode-active) .automation-seg,body:not(.automation-mode-active) .automation-clear-btn,body:not(.automation-mode-active) .automation-preset-btn{opacity:.35;pointer-events:none}.automation-preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1)}.automation-preset-btn{height:36px;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:5px;color:var(--chrome-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .15s,border-color .15s}.automation-preset-btn:hover{color:var(--chrome-5);border-color:var(--chrome-1)}.automation-preset-icon{width:24px;height:24px;display:block}#automationOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.automation-mode-active #matrix .gridButton{opacity:.5;pointer-events:none}.automation-mode-active #automationOverlay{pointer-events:auto;cursor:crosshair}.automation-mode-active.automation-tool-draw #automationOverlay{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E") 2 18,crosshair}.automation-mode-active.automation-tool-points #automationOverlay{cursor:pointer}.automation-mode-active.automation-tool-erase #automationOverlay{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21'/%3E%3Cpath d='M22 21H7'/%3E%3Cpath d='m5 11 9 9'/%3E%3C/svg%3E") 2 18,cell}.automation-mode-indicator{display:none;position:absolute;top:8px;left:8px;z-index:6;pointer-events:none;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:#00000073;border-radius:6px;font-size:11px;color:var(--chrome-4);letter-spacing:.3px;-webkit-user-select:none;user-select:none}.automation-mode-active .automation-mode-indicator{display:flex}.automation-mode-indicator-close{pointer-events:auto;background:none;border:none;color:var(--chrome-2);font-size:13px;cursor:pointer;padding:2px 4px;line-height:1;border-radius:3px}.automation-mode-indicator-close:hover{color:var(--chrome-5);background:#ffffff1a}.automation-bp-tooltip{position:absolute;pointer-events:none;z-index:10;background:var(--surface-dark);color:var(--chrome-5);font-size:11px;padding:3px 7px;border-radius:4px;border:1px solid var(--chrome-border);white-space:nowrap;transform:translate(-50%)}.automation-lane-drawer{display:flex;align-items:center;gap:8px;padding:6px 10px 8px;margin-top:-1px;background:var(--surface-tint-2);border:1px solid var(--chrome-2);border-top:none;border-radius:0 0 6px 6px}.automation-inline-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-border);border-radius:2px;outline:none;cursor:pointer}.automation-inline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--chrome-4);border:1px solid var(--chrome-2);cursor:grab}.automation-inline-slider::-webkit-slider-thumb:active{cursor:grabbing;background:var(--chrome-5)}.automation-inline-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--chrome-4);border:1px solid var(--chrome-2);cursor:grab}.automation-inline-slider::-moz-range-thumb:active{cursor:grabbing;background:var(--chrome-5)}.automation-record-btn{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--chrome-2);background:transparent;cursor:pointer;flex-shrink:0;padding:0;position:relative;transition:border-color .15s,background .15s}.automation-record-btn:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--chrome-2);transform:translate(-50%,-50%);transition:background .15s}.automation-record-btn:hover{border-color:var(--chrome-3)}.automation-record-btn:hover:after{background:var(--chrome-3)}.automation-record-btn.automation-record-armed{border-color:#e53935}.automation-record-btn.automation-record-armed:after{background:#e53935}.automation-record-btn.automation-record-recording{border-color:#e53935;animation:record-pulse 1s ease-in-out infinite}.automation-record-btn.automation-record-recording:after{background:#e53935}.automation-inline-value{font-size:11px;color:var(--chrome-3);min-width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.5}}.adsr-editor{--env-color: var(--color-active);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.adsr-editor--pitch{--env-color: var(--color-sawtooth)}.adsr-editor--filter{--env-color: var(--color-pulse)}.adsr-canonical-inputs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;pointer-events:none}.adsr-canvas-wrap{background:var(--surface-darker);border-radius:var(--radius);padding:var(--space-2);position:relative}.adsr-canvas{width:100%;display:block;-webkit-user-select:none;user-select:none;touch-action:none}.adsr-editor--amp .adsr-canvas{height:96px}.adsr-editor--pitch .adsr-canvas{height:72px}.adsr-editor--filter .adsr-canvas{height:84px}.adsr-gridline{stroke:color-mix(in srgb,currentColor 6%,transparent);stroke-width:1}.adsr-curve-fill{fill:color-mix(in srgb,var(--env-color) 14%,transparent);stroke:none}.adsr-curve{fill:none;stroke:var(--env-color);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}.adsr-curve-sustain{stroke:var(--env-color);stroke-width:1.75;stroke-dasharray:4 3;opacity:.6}.adsr-segment-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:grab}.adsr-segment-hit[data-active="1"]{cursor:grabbing}.adsr-segment-hit[data-segment=sustain]{cursor:ns-resize}.adsr-handle{fill:var(--env-color);pointer-events:none}.adsr-handle[data-stage="2"]{fill:none;stroke:var(--env-color);stroke-width:1.5}.adsr-handle.adsr-handle--curve{fill:none;stroke:var(--env-color);stroke-width:1.5;opacity:.7}.adsr-handle-hit{fill:transparent;cursor:grab;outline:none}.adsr-handle-hit:focus,.adsr-handle-hit:focus-visible{outline:none}.adsr-handle-hit:active{cursor:grabbing}.env-drag-arrows{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity var(--transition-fast, .12s) ease;color:var(--env-color, currentColor);z-index:2}.env-drag-arrows[data-visible="1"]{opacity:.95}.env-drag-arrow{position:absolute;top:0;left:0;width:12px;height:12px;display:block}.env-drag-arrow svg{width:100%;height:100%;display:block}.env-drag-arrow--up{transform:translate(-50%,calc(-50% - 18px))}.env-drag-arrow--down{transform:translate(-50%,calc(-50% + 18px))}.env-drag-arrow--left{transform:translate(calc(-50% - 18px),-50%)}.env-drag-arrow--right{transform:translate(calc(-50% + 18px),-50%)}.env-drag-arrows[data-directions=x] .env-drag-arrow--up,.env-drag-arrows[data-directions=x] .env-drag-arrow--down,.env-drag-arrows[data-directions=y] .env-drag-arrow--left,.env-drag-arrows[data-directions=y] .env-drag-arrow--right{display:none}@media(prefers-reduced-motion:reduce){.env-drag-arrows{transition:none}}.adsr-presets{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-1)}.adsr-preset-btn{display:flex;align-items:center;justify-content:center;height:28px;padding:0 var(--space-1);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);color:color-mix(in srgb,var(--env-color) 65%,var(--chrome-3));cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.adsr-preset-btn:hover{border-color:color-mix(in srgb,var(--env-color) 60%,var(--surface-border));background:color-mix(in srgb,var(--env-color) 10%,var(--surface-tint-1));color:var(--env-color)}.adsr-preset-btn:focus-visible{outline:2px solid var(--env-color);outline-offset:2px}.adsr-preset-btn:active{background:color-mix(in srgb,var(--env-color) 18%,var(--surface-tint-1))}.adsr-preset-icon{width:100%;height:22px;display:block;pointer-events:none}.adsr-scrubs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.adsr-scrub{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);padding:var(--space-3) var(--space-2);cursor:ew-resize;min-height:40px;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast),background var(--transition-fast)}.adsr-editor--pitch .adsr-scrub,.adsr-editor--filter .adsr-scrub{cursor:ns-resize}.adsr-scrub:hover{border-color:color-mix(in srgb,var(--env-color) 40%,var(--surface-border))}.adsr-scrub:focus-visible{outline:2px solid var(--env-color);outline-offset:2px}.adsr-scrub-label{font-size:var(--text-xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:.7px}.adsr-scrub-value{font-size:var(--text-sm);color:var(--chrome-5);font-weight:500}.adsr-scrub-input{font:inherit;font-size:var(--text-sm);color:var(--chrome-5);font-variant-numeric:tabular-nums;text-align:center;background:transparent;border:none;outline:none;width:100%;padding:0}.adsr-scrub--editing{border-color:var(--env-color);cursor:text}.adsr-scrub--invalid{border-color:var(--color-warning);animation:adsr-shake .24s ease}@keyframes adsr-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.adsr-amount{margin-top:var(--space-3)}.adsr-amount input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--slider-track) calc(9px + (100% - 18px)*min(var(--pct, 50%),50%)/100%),var(--env-color) calc(9px + (100% - 18px)*min(var(--pct, 50%),50%)/100%),var(--env-color) calc(9px + (100% - 18px)*max(var(--pct, 50%),50%)/100%),var(--slider-track) calc(9px + (100% - 18px)*max(var(--pct, 50%),50%)/100%))}.adsr-amount input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--slider-track) min(var(--pct, 50%),50%),var(--env-color) min(var(--pct, 50%),50%),var(--env-color) max(var(--pct, 50%),50%),var(--slider-track) max(var(--pct, 50%),50%))}.adsr-amount input[type=range]::-moz-range-progress{background:transparent}@media(pointer:coarse){.adsr-scrub{min-height:48px;padding:var(--space-4) var(--space-2)}}@media(prefers-reduced-motion:reduce){.adsr-scrub{transition:none}.adsr-scrub--invalid{animation:none}}@media(forced-colors:active){.adsr-curve-fill{fill:transparent}}.eq-tab{display:flex;flex-direction:column;gap:var(--space-3)}.eq-tab>.automation-subsection{margin:var(--space-5) var(--space-3)}.eq-mode-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 var(--space-3);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius)}.eq-mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.eq-mode-title{font-size:var(--text-md);font-weight:600;color:var(--chrome-5);line-height:1.2}.eq-mode-help{font-size:var(--text-xs);color:var(--chrome-2);line-height:1.3}.eq-shortcut-badge{font-size:var(--text-xs);color:var(--chrome-3);background:var(--surface-dark);border:1px solid var(--surface-border);padding:2px var(--space-2);border-radius:4px;font-family:var(--font-mono);letter-spacing:.5px}.eq-tab-curve{position:relative;margin:0 var(--space-3);height:84px;background:var(--surface-tint-1, #0e0e0e);border:1px solid var(--surface-tint-2);border-radius:6px;overflow:hidden}.eq-tab-curve canvas{display:block;width:100%;height:100%}.eq-tab-curve--bypassed:after{content:"BYPASSED";position:absolute;top:6px;right:8px;font-size:9px;letter-spacing:1.5px;color:var(--color-warning);opacity:.9;pointer-events:none}.eq-rta-mode-row{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3)}.eq-rta-mode-row__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--chrome-3)}.eq-rta-mode{display:flex;margin-left:auto;padding:var(--space-1);background-color:var(--surface-tint-1);border-radius:var(--radius)}.eq-rta-mode-btn{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;padding:var(--space-1) var(--space-3);border:none;border-radius:calc(var(--radius) - 1px);background-color:transparent;color:var(--chrome-3);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);min-width:42px}.eq-rta-mode-btn:hover{color:var(--chrome-5)}.eq-rta-mode-btn.selected{background-color:var(--surface-tint-2);color:var(--chrome-5)}.eq-cols,.eq-row{display:grid;grid-template-columns:22px 24px minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.05fr);gap:var(--space-2);align-items:center;padding:0 var(--space-3)}.eq-cols{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--chrome-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--surface-tint-2);margin:0 var(--space-3) var(--space-1);padding-left:0;padding-right:0}.eq-cols>span{text-align:center}.eq-bands{display:flex;flex-direction:column}.eq-row{padding:var(--space-2) var(--space-3)}.eq-row[aria-disabled=true]{opacity:.42}.eq-enable{width:16px;height:16px;min-width:16px;justify-self:center;border-radius:50%;background:transparent;border:1.5px solid var(--chrome-2);cursor:pointer;padding:0;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.eq-enable[aria-checked=true].eq-enable--hp{background:#f56;border-color:#f56;box-shadow:0 0 0 2px #ff55662e}.eq-enable[aria-checked=true].eq-enable--lp{background:#59f;border-color:#59f;box-shadow:0 0 0 2px #5599ff2e}.eq-enable[aria-checked=true].eq-enable--acc{background:var(--color-active);border-color:var(--color-active);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-active) 18%,transparent)}.eq-tag{font-size:11px;font-weight:700;letter-spacing:.3px;text-align:center;color:var(--chrome-4);-webkit-user-select:none;user-select:none}.eq-tag--hp{color:#ff8290}.eq-tag--lp{color:#82b6ff}.eq-tag--acc{color:color-mix(in srgb,var(--color-active) 80%,white)}.eq-row[aria-disabled=true] .eq-tag{color:var(--chrome-2)}.eq-scrub{display:block;background:var(--surface-tint-1, #111);border:1px solid var(--surface-tint-2);border-radius:4px;padding:var(--space-2) var(--space-2);font:var(--text-xs)/1 system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;text-align:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;outline:none;transition:border-color var(--transition-fast)}.eq-scrub:hover{border-color:var(--color-active)}.eq-scrub:focus-visible{border-color:var(--color-active);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-active) 25%,transparent)}.eq-scrub.is-dragging{border-color:var(--color-active)}.eq-row[aria-disabled=true] .eq-scrub{background:var(--surface-tint-2);color:var(--chrome-2);cursor:default}.eq-em{text-align:center;color:var(--chrome-1);font-size:11px;-webkit-user-select:none;user-select:none}.eq-select{width:100%;background:var(--surface-tint-1, #111);border:1px solid var(--surface-tint-2);border-radius:4px;color:var(--chrome-4);padding:var(--space-2) var(--space-1);font:var(--text-xs)/1 system-ui,-apple-system,sans-serif}.eq-presets{display:flex;flex-direction:column;gap:var(--space-2);margin:0 var(--space-3)}.eq-presets-bar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.eq-preset-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:4px;color:var(--chrome-3);font-size:var(--text-xs);letter-spacing:.3px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.eq-preset-btn:hover{color:var(--chrome-5);border-color:var(--chrome-2)}.eq-preset-icon{width:22px;height:13px;display:block;flex:0 0 auto;color:var(--chrome-4)}.eq-preset-btn:hover .eq-preset-icon{color:var(--color-active, var(--chrome-5))}.eq-preset-label{display:inline-block}.eq-footer{display:flex;gap:var(--space-3);margin:var(--space-2) var(--space-3) 0}.eq-footer-action{flex:1;font-size:var(--text-xs);color:var(--chrome-3);background:transparent;border:1px solid var(--chrome-1);border-radius:4px;padding:var(--space-2) var(--space-3);cursor:pointer;letter-spacing:.3px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.eq-footer-action:hover{color:var(--chrome-5);border-color:var(--chrome-2)}.eq-footer-action[aria-pressed=true]{background:color-mix(in srgb,var(--color-warning) 8%,transparent);border-color:color-mix(in srgb,var(--color-warning) 60%,var(--chrome-1));color:var(--color-warning)}.eq-footer-action.confirm-pending{border-color:var(--color-danger);color:var(--color-danger)}.eq-footer-action.confirm-pending:hover{background:transparent}.eq-mode-active #matrix .gridButton{opacity:.5;pointer-events:none}.eq-mode-indicator{display:none;position:absolute;top:8px;left:8px;z-index:6;pointer-events:none;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:#00000073;border-radius:6px;font-size:11px;color:var(--chrome-4);letter-spacing:.3px;-webkit-user-select:none;user-select:none}.eq-mode-active .eq-mode-indicator{display:flex}.eq-mode-indicator-close{pointer-events:auto;background:none;border:none;color:var(--chrome-2);font-size:13px;cursor:pointer;padding:2px 4px;line-height:1;border-radius:3px}.eq-mode-indicator-close:hover{color:var(--chrome-5);background:#ffffff1a}.mixer-view{display:flex;flex:0 0 auto;gap:var(--space-4);box-sizing:border-box;padding-left:var(--space-4)}.mixer-strip{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:1px solid var(--surface-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3) var(--space-3) var(--space-4);min-width:92px;width:92px;position:relative;color:var(--chrome-4);font-family:inherit;font-size:var(--text-xs);flex:0 0 auto;transition:background 50ms ease-out,border-color 50ms ease-out}.strip-drag-handle{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--strip-color, var(--chrome-1));border-radius:var(--radius) 0 0 var(--radius);opacity:.55;filter:brightness(.8);transition:width 50ms ease-out,opacity 50ms ease-out,filter 50ms ease-out;cursor:grab;touch-action:none;z-index:1}.strip-drag-handle:before{content:"";position:absolute;top:0;bottom:0;left:0;width:8px}.mixer-strip.active .strip-drag-handle{width:3px;opacity:1;filter:brightness(1.25)}body.mixer-single-track .strip-drag-handle,body.mixer-single-track .strip-delete{display:none}.mixer-strip-main{margin-left:var(--space-1);min-width:82px;width:82px}.mixer-strip-main:before{background:var(--chrome-4)}.strip-name{position:relative;width:100%;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;gap:var(--space-2)}.mixer-strip .strip-name{margin-bottom:var(--space-3)}.strip-name-text{flex:1 1 auto;min-width:0;font-size:var(--text-xs);font-weight:500;letter-spacing:.3px;outline:none;cursor:text;-webkit-user-select:text;user-select:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px;padding:0 2px;transition:background var(--transition-fast)}.strip-name-text:focus{background:color-mix(in srgb,var(--chrome-5) 10%,transparent);color:var(--chrome-selected)}.strip-type-icon{flex:0 0 13px;width:13px;height:13px;color:var(--chrome-3);opacity:.65;pointer-events:none}.mixer-strip.active .strip-type-icon,.mixer-strip-h.active .strip-type-icon{color:var(--chrome-4)}.mixer-strip-main .strip-name-text{cursor:default;text-align:center;text-transform:uppercase;letter-spacing:1.5px;font-size:var(--text-xs);font-weight:700;padding:0}.mixer-strip-main .strip-name .strip-help-btn{transform:translateY(-2px)}.strip-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--chrome-2);text-align:center;margin-bottom:2px;-webkit-user-select:none;user-select:none}.strip-label-vol{display:flex;justify-content:space-between;align-items:baseline;text-align:left}.strip-label-vol-value{letter-spacing:0;color:var(--chrome-4);font-variant-numeric:tabular-nums;text-transform:none}.strip-pan,.strip-send{display:flex;flex-direction:column;align-items:stretch;margin-bottom:var(--space-4)}.strip-pan input,.strip-send input{width:100%;height:16px;margin:0}.strip-pan{position:relative}.strip-pan:after{content:"";position:absolute;left:50%;bottom:2px;width:1px;height:12px;background:var(--chrome-1);transform:translate(-.5px);pointer-events:none;z-index:0}.strip-pan input{position:relative;z-index:1}.strip-fader-section{display:flex;align-items:stretch;justify-content:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-4);height:172px}.strip-fader{display:flex;justify-content:center;align-items:center;flex:1}.strip-fader input[type=range]{writing-mode:vertical-lr;direction:rtl;width:29px;height:172px;margin:0;cursor:pointer;contain:paint;will-change:transform}.strip-fader input[type=range]::-webkit-slider-runnable-track{width:2px;height:auto;background:linear-gradient(to top,var(--color-active) var(--pct, 100%),var(--slider-track) var(--pct, 100%));border-radius:2px}.strip-fader input[type=range]::-moz-range-track{width:2px;height:auto;background:var(--slider-track);border-radius:2px}.strip-fader input[type=range]::-moz-range-progress{width:2px;background:var(--color-active);border-radius:2px}.strip-fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:25px;height:10px;margin-top:0;margin-left:-11.5px;padding:0;cursor:pointer;border:1.5px solid var(--chrome-4);border-radius:2px;background:var(--background-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.strip-fader input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.strip-fader input[type=range]:active::-webkit-slider-thumb,.strip-fader input[type=range].is-dragging::-webkit-slider-thumb{cursor:pointer;border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.strip-fader input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:25px;height:10px;padding:0;cursor:pointer;border:1.5px solid var(--chrome-4);border-radius:2px;background:var(--background-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.strip-fader input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.strip-fader input[type=range]:active::-moz-range-thumb,.strip-fader input[type=range].is-dragging::-moz-range-thumb{cursor:pointer;border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.strip-meter{display:flex;gap:1px;width:12px;height:172px;border-radius:2px;position:relative;flex:0 0 12px;background:var(--background-color);contain:paint}.strip-meter-channel{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column-reverse;gap:1.5px;padding:0}.led-seg{flex:1 1 0;min-height:0}.led-seg[data-zone=green]{background:var(--meter-led-green-dim)}.led-seg[data-zone=amber]{background:var(--meter-led-amber-dim)}.led-seg[data-zone=red]{background:var(--meter-led-red-dim)}.led-seg.lit[data-zone=green]{background:var(--meter-led-green);box-shadow:inset 0 0 2px var(--meter-led-glow)}.led-seg.lit[data-zone=amber]{background:var(--meter-led-amber);box-shadow:inset 0 0 2px var(--meter-led-glow)}.led-seg.lit[data-zone=red]{background:var(--meter-led-red);box-shadow:inset 0 0 2px var(--meter-led-glow)}.led-seg.peak[data-zone=green]{background:var(--meter-led-green-peak);box-shadow:inset 0 0 3px var(--meter-led-glow)}.led-seg.peak[data-zone=amber]{background:var(--meter-led-amber-peak);box-shadow:inset 0 0 3px var(--meter-led-glow)}.led-seg.peak[data-zone=red]{background:var(--meter-led-red-peak);box-shadow:inset 0 0 3px var(--meter-led-glow)}.strip-meter-main{width:22px;height:260px;flex:0 0 22px}.strip-meter-main .strip-meter-channel[data-channel=R]{margin-right:3px}.strip-meter-gr{position:absolute;top:0;right:0;bottom:0;width:3px;background:#00000059;pointer-events:none;z-index:5;overflow:hidden;display:flex}.strip-meter-gr-col{flex:1 1 0;display:flex;flex-direction:column-reverse;gap:1px;min-width:0;padding:0}.mixer-strip-main .strip-fader-section{height:260px}.mixer-strip-main .strip-fader input[type=range]{width:32px;height:260px}.mixer-strip-main .strip-fader input[type=range]::-webkit-slider-thumb{width:28px;height:14px;margin-left:-13px}.mixer-strip-main .strip-fader input[type=range]::-moz-range-thumb{width:28px;height:14px}.strip-buttons{display:grid;grid-template-columns:repeat(2,auto);gap:var(--space-2) var(--space-3);justify-content:center;align-items:center;margin-top:auto}.strip-mute,.strip-solo,.strip-delete{font-size:var(--text-xs);box-sizing:border-box;width:20px;height:17px;padding:0;background:transparent;border-radius:2px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;transition:color var(--transition-fast),border-color var(--transition-fast)}.strip-mute,.strip-solo{color:var(--chrome-3);border:.5px solid var(--chrome-border)}.strip-mute.active{color:var(--color-danger);border-color:var(--color-danger)}.strip-solo.active{color:var(--color-caution);border-color:var(--color-caution)}.strip-mute:not(.active):hover,.strip-solo:not(.active):hover{color:var(--chrome-5);border-color:var(--chrome-3)}.strip-delete:not(.confirm-pending):hover{color:var(--chrome-5);border-color:var(--chrome-3)}.strip-delete{color:color-mix(in srgb,var(--color-danger) 75%,transparent);border:.5px solid color-mix(in srgb,var(--color-danger) 75%,transparent)}.strip-delete svg{width:12px;height:12px;stroke-width:3.5}.strip-delete.confirm-pending{color:var(--color-danger);border-color:var(--color-danger);grid-column:1 / span 2;justify-self:stretch;width:auto;min-width:20px;padding:0 4px;font-size:10px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.strip-buttons:has(.strip-delete.confirm-pending) .strip-options{display:none}.strip-options{width:20px;height:17px;padding:0;border:.5px solid var(--chrome-border);border-radius:2px;background:transparent;color:var(--chrome-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-fast),border-color var(--transition-fast)}.strip-options svg{width:12px;height:12px}.strip-options:hover{color:var(--chrome-5);border-color:var(--chrome-3)}.strip-main-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:auto}.strip-boost-pill{height:18px;padding:0 var(--space-2);border:.5px solid var(--chrome-2);background:transparent;color:var(--chrome-3);font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.5px;border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.strip-boost-pill:hover{color:var(--chrome-5);border-color:var(--chrome-3)}.strip-boost-pill.active{background:transparent;color:color-mix(in srgb,var(--color-caution) 80%,#000);border-color:color-mix(in srgb,var(--color-caution) 80%,#000)}.strip-boost-pill.active:hover{color:var(--color-caution);border-color:var(--color-caution)}.strip-help-btn{flex:0 0 12px;width:12px;height:12px;padding:0;border:1px solid var(--chrome-1);background:transparent;color:var(--chrome-2);font-family:inherit;font-size:8px;font-weight:600;line-height:1;border-radius:50%;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.strip-help-btn:hover{color:var(--chrome-4);border-color:var(--chrome-3)}.strip-help-btn:active{color:var(--chrome-5);border-color:var(--chrome-4)}@media(hover:none){.strip-help-btn:hover{color:var(--chrome-2);border-color:var(--chrome-1)}}@media only screen and (max-width:768px){.mixer-view{display:none}body.mobile-rail-mixer:not(.mixer-horizontal) .mixer-view{display:flex}.mixer-strip .strip-buttons{gap:var(--space-2)}.mixer-strip :is(.strip-mute,.strip-solo,.strip-delete){position:relative}.mixer-strip :is(.strip-mute,.strip-solo,.strip-delete):before{content:"";position:absolute;top:-4px;right:-2px;bottom:-4px;left:-2px}}@container mixer-rail (max-width: 600px){.mixer-strip{min-width:80px;width:80px}.mixer-strip-main{min-width:72px;width:72px}.strip-fader-section,.strip-fader input[type=range],.strip-meter{height:128px}.mixer-strip-main .strip-fader-section,.strip-meter-main,.mixer-strip-main .strip-fader input[type=range]{height:220px}}.mixer-strip.dragging{opacity:.4}.mixer-strip.dragging .strip-drag-handle{cursor:grabbing}.mixer-insert-indicator{position:fixed;width:4px;background:var(--color-play);border-radius:2px;pointer-events:none;z-index:1001;opacity:0;transition:opacity 80ms ease-out}.mixer-insert-indicator--visible{opacity:1}.strip-drag-clone{opacity:.85;pointer-events:none;z-index:1000;border:.5px solid var(--chrome-border);border-radius:var(--radius);background:var(--surface-dark)}body.mixer-horizontal #mixerView{display:none}body.mixer-horizontal #pageStrip{gap:var(--space-4)}body.mixer-horizontal .track-row,body.mixer-horizontal .add-track-row{padding-left:0}@media not (max-width:768px){.track-controls,.track-drag-handle{display:none}}.mixer-strip-h{display:grid;grid-template-columns:62px 1fr 3fr;grid-template-rows:auto auto auto .7fr;column-gap:6px;row-gap:1px;align-items:center;padding:2px 6px;box-sizing:border-box;border:.5px solid var(--strip-border);border-radius:2px;background:transparent;color:var(--chrome-4);font-family:inherit;font-size:var(--text-xs);width:325px;min-width:325px;height:64px;flex-shrink:0;position:relative;transition:border-color 50ms ease-out}.mixer-strip-h .strip-drag-handle{border-radius:2px 0 0 2px}.mixer-strip-h .strip-drag-handle:before{width:6px}.mixer-strip-h.active .strip-drag-handle{width:3px;opacity:1;filter:brightness(1.25)}.mixer-strip-h.dragging{opacity:.4}.mixer-strip-h.dragging .strip-drag-handle{cursor:grabbing}.mixer-strip-h input[type=range]{touch-action:pan-y}.mixer-strip-h .strip-name{grid-row:1 / span 2;grid-column:1;display:flex;align-items:center;align-self:start;gap:var(--space-1);overflow:hidden}.mixer-strip-h .strip-name-text{font-size:var(--text-xs);font-weight:500;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mixer-strip-h .strip-sub-label-h{font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:var(--chrome-2);-webkit-user-select:none;user-select:none;text-align:left;line-height:1;align-self:end}.mixer-strip-h .strip-sub-label-h.pan{grid-row:1;grid-column:2}.mixer-strip-h .strip-sub-label-h.send{grid-row:3;grid-column:2}.mixer-strip-h .strip-pan-h,.mixer-strip-h .strip-send-h{display:flex;align-items:center;grid-column:2;align-self:start;margin-top:4px}.mixer-strip-h .strip-pan-h{grid-row:2}.mixer-strip-h .strip-send-h{grid-row:4}.mixer-strip-h .strip-pan-h input,.mixer-strip-h .strip-send-h input{width:100%;height:10px;margin:0}.mixer-strip-h .strip-meter-h{grid-row:1 / span 2;grid-column:3;display:flex;flex-direction:column;gap:1px;contain:paint}.mixer-strip-h .strip-meter-channel-h{display:flex;flex-direction:row;gap:1px;height:4px}.mixer-strip-h .strip-meter-channel-h .led-seg{flex:1 1 0;min-width:0;border-radius:1px}.mixer-strip-h .strip-fader-h{grid-row:3 / span 2;grid-column:3;display:flex;flex-direction:column}.mixer-strip-h .strip-fader-h .strip-label-vol{margin:0 0 -2px;font-size:8px;letter-spacing:.7px;line-height:1}.mixer-strip-h .strip-fader-h input[type=range]{width:100%;height:26px;margin:0;cursor:pointer;background:transparent;contain:paint;will-change:transform}.mixer-strip-h .strip-fader-h input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(to right,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%));border-radius:2px}.mixer-strip-h .strip-fader-h input[type=range]::-moz-range-track{width:100%;height:2px;background:var(--slider-track);border-radius:2px}.mixer-strip-h .strip-fader-h input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:2px}.mixer-strip-h .strip-fader-h input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:10px;height:22px;margin-top:-10px;padding:0;cursor:pointer;border:1.5px solid var(--chrome-4);border-radius:2px;background:var(--background-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mixer-strip-h .strip-fader-h input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.mixer-strip-h .strip-fader-h input[type=range]:active::-webkit-slider-thumb,.mixer-strip-h .strip-fader-h input[type=range].is-dragging::-webkit-slider-thumb{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.mixer-strip-h .strip-fader-h input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:10px;height:22px;padding:0;cursor:pointer;border:1.5px solid var(--chrome-4);border-radius:2px;background:var(--background-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mixer-strip-h .strip-fader-h input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.mixer-strip-h .strip-fader-h input[type=range]:active::-moz-range-thumb,.mixer-strip-h .strip-fader-h input[type=range].is-dragging::-moz-range-thumb{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.mixer-strip-h .strip-buttons-h{grid-row:3 / span 2;grid-column:1;display:grid;grid-template-columns:repeat(2,auto);grid-auto-rows:auto;gap:6px 8px;justify-content:center;align-content:start;align-self:start;margin-top:-9px}.mixer-strip-h .strip-mute,.mixer-strip-h .strip-solo,.mixer-strip-h .strip-delete{width:17px;height:15px;position:relative}.mixer-strip-h :is(.strip-mute,.strip-solo,.strip-delete):before{content:"";position:absolute;top:-3px;right:-2px;bottom:-3px;left:-2px}.mixer-strip-h .strip-mute,.mixer-strip-h .strip-solo{color:var(--chrome-3);border:.5px solid var(--chrome-border)}.mixer-strip-h .strip-mute.active{color:var(--color-danger);border-color:var(--color-danger)}.mixer-strip-h .strip-solo.active{color:var(--color-caution);border-color:var(--color-caution)}.mixer-strip-h .strip-mute:not(.active):hover,.mixer-strip-h .strip-solo:not(.active):hover{color:var(--chrome-5);border-color:var(--chrome-3)}.mixer-strip-h .strip-delete:not(.confirm-pending):hover{color:var(--chrome-5);border-color:var(--chrome-3)}.mixer-strip-h .strip-delete{color:color-mix(in srgb,var(--color-danger) 75%,transparent);border:.5px solid color-mix(in srgb,var(--color-danger) 75%,transparent)}.mixer-strip-h .strip-delete svg{width:11px;height:11px;stroke-width:3.5}.mixer-strip-h .strip-delete.confirm-pending{color:var(--color-danger);border-color:var(--color-danger);grid-column:1 / span 2;justify-self:stretch;width:auto;min-width:20px;padding:0 3px;font-size:9px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.mixer-strip-h .strip-options{width:17px;height:15px;padding:0;position:relative;border:.5px solid var(--chrome-border);border-radius:2px;background:transparent;color:var(--chrome-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.mixer-strip-h .strip-options svg{width:11px;height:11px}.mixer-strip-h .strip-options:before{content:"";position:absolute;top:-3px;right:-2px;bottom:-3px;left:-2px}.mixer-strip-h .strip-options:hover{color:var(--chrome-5);border-color:var(--chrome-3)}.mixer-strip-h .strip-buttons-h:has(.strip-delete.confirm-pending) .strip-options{display:none}.mixer-strip-h.main{grid-template-columns:auto 1fr}.mixer-strip-h.main .strip-name{grid-row:1 / span 2;border-bottom:none;padding-bottom:0;margin-bottom:0;padding-top:6px}.mixer-strip-h.main .strip-name-text{text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.mixer-strip-h.main .strip-meter-h{grid-row:1 / span 2;grid-column:2}.mixer-strip-h.main .strip-meter-channel-h{height:6px}.mixer-strip-h.main .strip-fader-h{grid-row:3 / span 2;grid-column:2}.mixer-strip-h.main .strip-meter-gr-h{display:flex;flex-direction:row;height:3px;margin-top:-1px;background:#00000059;overflow:hidden;pointer-events:none;z-index:5}.mixer-strip-h.main .strip-meter-gr-row{flex:1 1 0;display:flex;flex-direction:row;gap:1px;min-width:0;padding:0}.mixer-strip-h.main .strip-meter-gr-row .led-seg{flex:1 1 0;min-width:0;border-radius:1px}.mixer-strip-h.main .strip-fader-h{display:flex;flex-direction:column}.mixer-strip-h.main .strip-fader-h input[type=range]{width:100%;min-width:0;height:30px}.mixer-strip-h.main .strip-fader-h input[type=range]::-webkit-slider-thumb{width:14px;height:26px;margin-top:-12px}.mixer-strip-h.main .strip-fader-h input[type=range]::-moz-range-thumb{width:14px;height:26px}.mixer-strip-h.main .strip-main-buttons-h{grid-column:1;grid-row:3 / span 2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-1)}.mixer-strip-h.main .strip-boost-pill{height:17px;padding:0 var(--space-2);font-size:9px;letter-spacing:.5px}.mixer-orientation-col{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mixer-orientation-toggle,.mixer-add-track-btn,.mixer-main-strip-toggle{width:23px;height:23px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--chrome-3);border:.5px solid var(--chrome-2);border-radius:var(--radius);cursor:pointer}.mixer-orientation-toggle svg,.mixer-main-strip-toggle svg{width:16px;height:16px}.mixer-add-track-btn svg{width:13px;height:13px}.mixer-orientation-toggle:hover,.mixer-add-track-btn:hover,.mixer-main-strip-toggle:hover{color:var(--chrome-5);border-color:var(--chrome-3)}.mixer-add-track-btn{font-size:20px;font-weight:400;line-height:1}.mixer-add-track-btn--hidden{display:none}.mixer-main-strip-toggle.active{color:var(--chrome-selected);border-color:color-mix(in srgb,var(--chrome-selected) 55%,var(--chrome-3))}body.mixer-main-strip-hidden #mixerView .mixer-strip-main,body.mixer-main-strip-hidden #pageThumbnails .main-row{display:none}.track-type-chooser--popover{background:var(--surface-dark);border-radius:2px;padding:2px}@media only screen and (max-width:768px){.track-type-chooser--popover{background:var(--background-color)}}@media not (max-width:768px){.add-track-row,body.mixer-single-track .mixer-orientation-col .mixer-orientation-toggle,body.mixer-single-track .mixer-orientation-col .mixer-main-strip-toggle{display:none}}@media only screen and (max-width:768px){body:not(.mobile-rail-mixer) .mixer-strip-h{display:none}body:not(.mobile-rail-mixer) .mixer-orientation-col{display:none}#pageThumbnails{display:flex}body.mobile-rail-mixer .track-drag-handle,body.mobile-rail-mixer .add-track-row{display:none}.mixer-orientation-col .mixer-orientation-toggle,.mixer-orientation-col .mixer-add-track-btn,.mixer-orientation-col .mixer-main-strip-toggle{width:25px;height:25px}body.mobile-rail-mixer:not(.mixer-horizontal) .track-row{display:none}}body.mixer-horizontal .mixer-insert-indicator{width:auto;height:4px}.mobile-rail-tabs{display:none;flex:0 0 auto;flex-direction:column;align-items:stretch;align-self:stretch}@media only screen and (max-width:768px){.mobile-rail-tabs{display:flex}}.mobile-rail-tab{width:28px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--chrome-tab);border:1px solid transparent;border-right-color:var(--chrome-tab);border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);cursor:pointer;box-sizing:border-box;position:relative}.mobile-rail-tab svg{width:18px;height:18px}.mobile-rail-tab:hover{background-color:var(--surface-tint-1)}.mobile-rail-tab:active{color:var(--chrome-4)}@media(hover:none){.mobile-rail-tab:hover{background-color:transparent}}.mobile-rail-tab.active{color:var(--chrome-4);border-top-color:var(--chrome-tab);border-left-color:var(--chrome-tab);border-bottom-color:var(--chrome-tab);border-right-color:transparent;z-index:1}.mobile-rail-tabs-divider{height:var(--space-4);display:none;flex-shrink:0}body.mobile-rail-mixer .mobile-rail-tabs-divider{display:block}.track-options{z-index:var(--z-overlay);min-width:240px;padding:var(--space-4) var(--space-5);box-shadow:0 4px 16px #00000073;display:flex;flex-direction:column;gap:var(--space-5)}.track-options-header{display:flex;align-items:center;gap:var(--space-3)}.track-options-name-slot{flex:1;min-width:0}.track-options-help-btn{width:18px;height:18px;border:.5px solid var(--chrome-1);border-radius:50%;background:transparent;color:var(--chrome-3);cursor:pointer;font-size:10px;line-height:1;padding:0}.track-options-help-btn:hover{color:var(--chrome-5);border-color:var(--chrome-3)}.track-options-color-row{display:flex;align-items:center;gap:var(--space-3);position:relative}.track-options-swatches{display:flex;gap:var(--space-2);flex:1;flex-wrap:wrap}.track-options-swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid transparent;background:var(--swatch-color);cursor:pointer;padding:0}.track-options-swatch.active{border-color:var(--chrome-5);box-shadow:0 0 0 2px color-mix(in srgb,var(--chrome-5) 30%,transparent)}.track-options-swatch-custom{font-size:10px;padding:3px 6px;border:1px solid var(--chrome-1);border-radius:var(--radius);background:var(--swatch-color, transparent);color:var(--chrome-5);cursor:pointer}.track-options-swatch-custom.active{border-color:var(--chrome-5)}.track-options-duplicate-btn{font-size:11px;padding:var(--space-3) var(--space-4);border:1px solid var(--chrome-1);border-radius:var(--radius);background:transparent;color:var(--chrome-5);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.track-options-duplicate-icon{font-size:13px;line-height:1}.track-options-duplicate-btn:hover:not(:disabled){border-color:var(--chrome-3)}.track-options-duplicate-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.track-options-slider-row{display:flex;align-items:center;gap:var(--space-3)}.track-options-slider-label{color:var(--chrome-3)}.track-options-slider-row input[type=range]{flex:1}.track-options-slider-value{min-width:48px;text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-5)}.track-options-speed-row{display:flex;align-items:center;gap:var(--space-3)}.track-options-speed-label{color:var(--chrome-3);flex-shrink:0}.track-options-speed-group{display:flex;flex:1;border:1px solid var(--chrome-1);border-radius:var(--radius);overflow:hidden}.track-options-speed-btn{flex:1;padding:4px 0;border:0;border-right:1px solid var(--chrome-1);background:transparent;color:var(--chrome-3);font-size:10px;font-variant-numeric:tabular-nums;cursor:pointer;text-align:center}.track-options-speed-btn:last-child{border-right:0}.track-options-speed-btn:hover:not(.active){color:var(--chrome-5)}.track-options-speed-btn.active{color:var(--track-color, var(--chrome-selected));box-shadow:inset 0 0 0 1px var(--track-color, var(--chrome-selected))}.track-options-speed-btn:focus-visible{outline:2px solid var(--color-active);outline-offset:-2px;z-index:1}.track-tabs{position:absolute;right:100%;bottom:var(--matrix-bottom-offset, 0px);display:none;flex-direction:column;align-items:stretch;z-index:30;pointer-events:auto;margin-right:1px}.track-tabs[data-track-count="2"],.track-tabs[data-track-count="3"],.track-tabs[data-track-count="4"],.track-tabs[data-track-count="5"],.track-tabs[data-track-count="6"],.track-tabs[data-track-count="7"],.track-tabs[data-track-count="8"],.track-tabs[data-track-count="9"],.track-tabs[data-track-count="10"]{display:flex}body.sidebar-collapsed .track-tabs{display:none}#gridArea:not(.gridbars-on) .track-tabs{display:none}@media only screen and (max-width:768px){.track-tabs{display:none}}.track-tab{width:30px;height:35px;padding:0 0 0 var(--space-3);background:var(--background-color);border:1px solid var(--surface-border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);display:flex;align-items:center;justify-content:center;color:var(--chrome-4);cursor:pointer;position:relative;transition:background 50ms ease-out,border-color 50ms ease-out}.track-tab+.track-tab{border-top:none}.track-tab:hover{background:color-mix(in srgb,var(--chrome-5) 8%,transparent)}.track-tab:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--track-color, var(--chrome-1));opacity:.55;filter:brightness(.8);transition:width 50ms ease-out,opacity 50ms ease-out,filter 50ms ease-out;pointer-events:none}.track-tab[aria-pressed=true]:before{width:2px;opacity:1;filter:brightness(1.25)}.track-tab .strip-type-icon{width:18px;height:18px;color:var(--chrome-3);opacity:.65;pointer-events:none;transition:color 50ms ease-out,opacity 50ms ease-out}.track-tab[aria-pressed=true] .strip-type-icon{color:var(--chrome-5);opacity:1}:root[data-reduce-motion=on] input[type=range],:root[data-reduce-motion=on] input[type=range]:focus,:root[data-reduce-motion=on] input[type=range]:active,:root[data-reduce-motion=on] input[type=range]::-moz-range-thumb,:root[data-reduce-motion=on] input[type=range]::-moz-range-thumb:focus,:root[data-reduce-motion=on] input[type=range]::-webkit-slider-thumb,:root[data-reduce-motion=on] .mixer-strip-h .strip-fader-h input[type=range]:focus,:root[data-reduce-motion=on] .mixer-main-fader input[type=range]:focus,:root[data-reduce-motion=on] .mixer-main-fader input[type=range]::-moz-range-thumb:focus,:root[data-reduce-motion=on] .led-seg.lit,:root[data-reduce-motion=on] .led-seg.peak,:root[data-reduce-motion=on] .gridButton.hover,:root[data-reduce-motion=on] .gridButton.active,:root[data-reduce-motion=on] .gridButton.note-head.playing,:root[data-reduce-motion=on] .gridButton.note-tail.playing,:root[data-reduce-motion=on] .note-glow{box-shadow:none!important;text-shadow:none!important}:root[data-reduce-motion=on] .gridButton.playing{border-width:3px}:root[data-reduce-motion=on] .mixer-strip-h.active .strip-drag-handle,:root[data-reduce-motion=on] .strip-drag-handle.hidden,:root[data-reduce-motion=on] .strip-drag-handle.active,:root[data-reduce-motion=on] .track-row:hover,:root[data-reduce-motion=on] .track-row.active,:root[data-reduce-motion=on] .track-tab:hover,:root[data-reduce-motion=on] .track-tab.active,:root[data-reduce-motion=on] .page-thumb.active{filter:none!important}#pianoKeyboard{--piano-keyboard-width: 60px;--black-key-width: 60%;width:var(--piano-keyboard-width);flex-shrink:0;display:grid;grid-auto-rows:1fr;background:var(--background-color);border-right:1px solid var(--surface-border);-webkit-user-select:none;user-select:none;overflow:hidden;transition:width var(--transition-fast)}#gridArea:not(.piano-keyboard-on) #pianoKeyboard{display:none}#pianoKeyboard[data-drum-track=true]{width:0;border-right:0}#pianoKeyboard .piano-key{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--background-color),white 62%),color-mix(in srgb,var(--background-color),white 76%));color:var(--chrome-1);font:9.5px/1 var(--font-mono);letter-spacing:.02em;text-align:left;padding:0 7px;display:flex;align-items:center;justify-content:flex-start;margin:0;border:0;cursor:pointer;overflow:hidden;white-space:nowrap;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:none;z-index:0;transition:background var(--transition-fast),color var(--transition-fast)}#pianoKeyboard .piano-key-label{position:relative;z-index:2}#pianoKeyboard .piano-key:hover:not([disabled]){background:linear-gradient(90deg,color-mix(in srgb,var(--background-color),white 70%),color-mix(in srgb,var(--background-color),white 84%))}#pianoKeyboard .piano-key[disabled]{cursor:default;opacity:.35}#pianoKeyboard .piano-key[data-key-type=accidental]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--black-key-width);background:linear-gradient(180deg,color-mix(in srgb,var(--background-color),black 72%),color-mix(in srgb,var(--background-color),black 88%));border-radius:0 3px 3px 0;z-index:1;pointer-events:none;transition:background var(--transition-fast)}#pianoKeyboard .piano-key[data-key-type=accidental]:hover:not([disabled]):before{background:linear-gradient(180deg,color-mix(in srgb,var(--background-color),black 62%),color-mix(in srgb,var(--background-color),black 80%))}#pianoKeyboard .piano-key[data-key-type=accidental]{color:var(--chrome-5)}#pianoKeyboard .piano-key[data-key-type=accidental]:after{content:"";position:absolute;left:var(--black-key-width);right:0;top:50%;height:1px;margin-top:-.5px;background:var(--background-color);pointer-events:none}#pianoKeyboard .piano-key[data-natural-seam=below]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--background-color);pointer-events:none}#pianoKeyboard .piano-key[data-root=true]{font-weight:600}#pianoKeyboard .piano-key[data-key-type=natural][data-root=true]{box-shadow:inset 2px 0 0 var(--color-active)}#pianoKeyboard .piano-key[data-key-type=accidental][data-root=true]:before{box-shadow:inset 2px 0 0 var(--color-active)}#pianoKeyboard .piano-key[data-key-type=natural].piano-key-sounding{background-image:linear-gradient(#4040404d,#4040404d),linear-gradient(90deg,color-mix(in srgb,var(--background-color),white 62%),color-mix(in srgb,var(--background-color),white 76%))}#pianoKeyboard .piano-key[data-key-type=accidental].piano-key-sounding:before{background-image:linear-gradient(#dcdcdc38,#dcdcdc38),linear-gradient(180deg,color-mix(in srgb,var(--background-color),black 72%),color-mix(in srgb,var(--background-color),black 88%))}#pianoKeyboard .piano-key:focus-visible{outline:2px solid var(--color-active);outline-offset:-2px}#pianoKeyboard[data-rows="8"] .piano-key{font-size:14px;padding:0 9px}#pianoKeyboard[data-rows="16"] .piano-key{font-size:11px;padding:0 8px}#pianoKeyboard[data-rows="64"] .piano-key{font-size:7.5px;padding:0 5px;letter-spacing:0}@media(max-width:768px){#pianoKeyboard{--piano-keyboard-width: 44px;--black-key-width: 50%}#pianoKeyboard .piano-key{font-size:8.5px;padding:0 5px}#pianoKeyboard[data-rows="8"] .piano-key{font-size:12px;padding:0 6px}#pianoKeyboard[data-rows="16"] .piano-key{font-size:9.5px;padding:0 5px}}[data-reduce-motion=on] #pianoKeyboard,[data-reduce-motion=on] #pianoKeyboard .piano-key,[data-reduce-motion=on] #pianoKeyboard .piano-key:before{transition:none}