*,*: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-triangle-muted: color-mix(in srgb, var(--color-triangle) 40%, var(--color-triangle-dim));--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-discord: #5865f2;--color-danger: #f83e3e;--color-danger-active: #ff7979;--color-warning: #ff9a3d;--color-caution: #f8ff3be1;--color-solo: #c9a000;--color-mute: #c03030;--color-eq-hp: #ff5566;--color-eq-hp-tag: #ff8290;--color-eq-lp: #5599ff;--color-eq-lp-tag: #82b6ff;--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: #e23434;--meter-bezel: #0a0a0a;--meter-bezel-inner: rgba(0, 0, 0, .85);--surface-tint-1: #ffffff08;--surface-tint-2: #ffffff0d;--surface-tint-3: #ffffff14;--surface-tint-4: #ffffff21;--surface-band: #ffffff2b;--surface-tint-5: #ffffff47;--surface-dark: color-mix(in srgb, var(--background-color), white 3%);--surface-darker: color-mix(in srgb, var(--background-color), black 29%);--grid-ring-soft: #ffffff66;--grid-ring: #ffffff80;--grid-ring-strong: #ffffffbf;--piano-sounding-natural: rgba(64, 64, 64, .3);--piano-sounding-accidental: rgba(220, 220, 220, .22);--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;--popup-border: color-mix(in srgb, var(--chrome-1), transparent 50%);--toggle-border: #ffffff96;--toggle-border-hover: #ffffff6f;--toggle-border-active: #e9e9e9;--toggle-track: #a1a1a114;--overlay-soft: rgba(0, 0, 0, .35);--overlay-mid: rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .7);--overlay-heavy: rgba(0, 0, 0, .85);--overlay-frosted: rgba(0, 0, 0, .55);--blur-scrim: 6px;--shadow-modal: 0 24px 48px -12px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--shadow-popover: 0 8px 24px -6px rgba(0, 0, 0, .4), 0 1px 4px rgba(0, 0, 0, .3);--ink-dark: #000;--ink-light: #fff;--ink-light-dim: rgba(255, 255, 255, .6);--ink-light-faint: rgba(255, 255, 255, .4);--surface-toast: rgba(20, 20, 20, .95);--color-danger-deep: #b71c1c;--color-danger-text: var(--color-danger-active);--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-3xs: 9px;--text-2xs: 10px;--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;--tracking-tight: .3px;--tracking-body: .5px;--tracking-control: .8px;--tracking-label: 1.2px;--tracking-display: 3px;--opacity-disabled: .4;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 22px;--control-height-sm: 26px;--control-height-md: 28px;--control-height-lg: 32px;--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-sm: 2px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--radius-full: 50%;--panel-width-mobile: 320px;--scrollbar-width: 6px;--scrollbar-radius: 3px;--focus-halo: 0 0 0 3px color-mix(in srgb, var(--color-active) 25%, transparent);--focus-halo-strong: 0 0 0 4px color-mix(in srgb, var(--color-active) 35%, transparent);--duration-instant: 50ms;--duration-fast: .15s;--duration-reveal: .2s;--duration-slow: .3s;--transition-instant: var(--duration-instant) ease-out;--transition-fast: var(--duration-fast) ease-out;--transition-slow: var(--duration-slow) ease-out;--transition-reveal: var(--duration-reveal) var(--ease-out-expo);--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;--z-top: 99999;--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:var(--tracking-body)}@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;line-height:1.55;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 var(--duration-fast) var(--ease-out-quart) forwards}.tooltip kbd{font-family:var(--font-mono);font-size:var(--text-2xs);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-options{z-index:calc(var(--z-overlay) + 1);white-space:normal;max-width:220px;text-align:center}.tooltip-panel{width:max-content;max-width:min(280px,calc(100vw - 16px));white-space:normal}.tooltip-titled{display:flex;flex-direction:column;gap:var(--space-1);white-space:normal;width:max-content;max-width:240px;text-align:center}.tooltip-title{font-weight:600;color:var(--chrome-5);text-align:left}.tooltip-desc{font-size:var(--text-2xs);color:var(--chrome-3)}@keyframes tooltipFadeIn{to{opacity:1}}@media only screen and (max-width:768px){.tooltip{display:none!important}html{overflow-x:hidden}body{min-height:100svh;overflow-x: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:2px solid var(--color-active);outline-offset:var(--space-1)}[data-focus-trap]:focus{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}.audio-warning-action{margin-left:var(--space-3);padding:var(--space-1) var(--space-4);border:1px solid currentColor;border-radius:var(--radius-md);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.skip-link{position:absolute;left:50%;top:-100px;transform:translate(-50%);z-index:var(--z-top);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{top:var(--space-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--chrome-1) transparent}.thin-scrollbar::-webkit-scrollbar,.popover::-webkit-scrollbar,.popover ::-webkit-scrollbar,.options-popup-content::-webkit-scrollbar,.options-popup-content .panel-body::-webkit-scrollbar,.modal-shell-body::-webkit-scrollbar,.modal-shell-surface::-webkit-scrollbar,.keyboard-help-modal::-webkit-scrollbar,.slide-panel::-webkit-scrollbar{width:var(--scrollbar-width)}.thin-scrollbar::-webkit-scrollbar-track,.popover::-webkit-scrollbar-track,.popover ::-webkit-scrollbar-track,.options-popup-content::-webkit-scrollbar-track,.options-popup-content .panel-body::-webkit-scrollbar-track,.modal-shell-body::-webkit-scrollbar-track,.modal-shell-surface::-webkit-scrollbar-track,.keyboard-help-modal::-webkit-scrollbar-track,.slide-panel::-webkit-scrollbar-track{background:transparent}.thin-scrollbar::-webkit-scrollbar-thumb,.popover::-webkit-scrollbar-thumb,.popover ::-webkit-scrollbar-thumb,.options-popup-content::-webkit-scrollbar-thumb,.options-popup-content .panel-body::-webkit-scrollbar-thumb,.modal-shell-body::-webkit-scrollbar-thumb,.modal-shell-surface::-webkit-scrollbar-thumb,.keyboard-help-modal::-webkit-scrollbar-thumb,.slide-panel::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}#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;will-change:transform;flex:1;min-width:0;min-height:0}#otherTrackDots{position:absolute;top:0;right:0;z-index:var(--z-grid);pointer-events:none;will-change:transform}#otherTrackDots[hidden]{display:none}.gridButton{padding:0;margin:0;background-color:var(--surface-tint-1);border:1px solid transparent;outline:none;position:relative}#matrix .gridButton:focus-visible{outline:2px solid var(--color-active);outline-offset:-2px;z-index:calc(var(--z-playhead) + 1);opacity:1!important}.gridButton.active.note-chance:not(.playing){--chance-c: var(--note-color, var(--chrome-4));--chance-period: calc(var(--chance-dash, 2px) + var(--chance-gap, 2px));--chance-top: repeating-linear-gradient(90deg, var(--chance-c) 0 var(--chance-dash, 2px), transparent 0 var(--chance-period));--chance-l: repeating-linear-gradient(180deg, var(--chance-left, var(--chance-c)) 0 var(--chance-dash, 2px), transparent 0 var(--chance-period));--chance-r: repeating-linear-gradient(180deg, var(--chance-right, var(--chance-c)) 0 var(--chance-dash, 2px), transparent 0 var(--chance-period));border-color:transparent!important;background-image:var(--chance-top),var(--chance-top),var(--chance-l),var(--chance-r);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:top,bottom,left,right;background-repeat:no-repeat;background-origin:border-box}.gridButton.note-chance-1{--chance-dash: 1px;--chance-gap: 2px}.gridButton.note-chance-2{--chance-dash: 2px;--chance-gap: 2px}.gridButton.note-chance-3{--chance-dash: 4px;--chance-gap: 2px}.gridButton.note-chance-4{--chance-dash: 7px;--chance-gap: 2px}.gridButton.note-chance.note-head{--chance-right: transparent}.gridButton.note-chance.note-body{--chance-left: transparent;--chance-right: transparent}.gridButton.note-chance.note-tail{--chance-left: transparent}.gridButton.active[data-play-every]:after{content:attr(data-play-every);position:absolute;inset:auto;top:1px;right:2px;font-size:var(--text-3xs);line-height:1;color:var(--grid-ring-strong);background:none;pointer-events:none;z-index:1}#matrix[data-cols="8"] .gridButton.active[data-play-every]:after{font-size:var(--text-md);top:2px;right:4px}#matrix[data-cols="16"] .gridButton.active[data-play-every]:after{font-size:var(--text-2xs);top:2px;right:3px}#matrix[data-cols="8"] .gridButton.active[data-play-countdown]:after{font-size:var(--text-md);top:2px;right:4px}#matrix[data-cols="16"] .gridButton.active[data-play-countdown]:after{font-size:var(--text-2xs);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)}:where(:root[data-hide-root-rows]) .gridButton.root-note{background-color:var(--surface-tint-1)}.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:var(--surface-tint-2);pointer-events:none;z-index:var(--z-playhead);display:none;will-change:transform}.gridButton.active[data-waveform=sine]{--note-color: var(--color-sine);border-color:var(--note-color)}.gridButton.active[data-waveform=sawtooth]{--note-color: var(--color-sawtooth);border-color:var(--note-color)}.gridButton.active[data-waveform=triangle]{--note-color: var(--color-triangle);border-color:var(--note-color)}.gridButton.active[data-waveform=square]{--note-color: var(--color-square);border-color:var(--note-color)}.gridButton.active[data-waveform=pulse]{--note-color: var(--color-pulse);border-color:var(--note-color)}.gridButton.playing,.gridButton.active.playing,.gridButton.root-note.playing{border-color:var(--glow-color, yellow);border-width:1.15px;border-style:solid}.gridButton.arp-ghost.playing{border-color:color-mix(in srgb,var(--glow-color) 50%,transparent)}.playheadRandom,.gridButton.root-note.playheadRandom{background-image:linear-gradient(var(--surface-tint-2),var(--surface-tint-2))}.gridButton.active.note-chance.playheadRandom:not(.playing){background-image:var(--chance-top),var(--chance-top),var(--chance-l),var(--chance-r),linear-gradient(var(--surface-tint-2),var(--surface-tint-2));background-size:100% 1px,100% 1px,1px 100%,1px 100%,auto;background-position:top,bottom,left,right,0 0}.gridButton.active.note-head,.gridButton.active.note-head.hover,.gridButton.active.note-head.playing,.gridButton.arp-ghost-head.playing{border-right-color:transparent!important}.gridButton.active.note-body,.gridButton.active.note-body.hover,.gridButton.active.note-body.playing,.gridButton.arp-ghost-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,.gridButton.arp-ghost-tail.playing{border-left-color:transparent!important}.gridButton.selection-preview{background-color:var(--surface-tint-3)}.gridButton.selected{box-shadow:inset 0 0 0 1.5px var(--grid-ring)}.gridButton.active.selected{box-shadow:inset 0 0 0 1.5px var(--grid-ring-strong)}.gridButton.active.note-head.selected{box-shadow:inset 0 1.5px 0 0 var(--grid-ring-strong),inset 0 -1.5px 0 0 var(--grid-ring-strong),inset 1.5px 0 0 0 var(--grid-ring-strong)}.gridButton.active.note-body.selected{box-shadow:inset 0 1.5px 0 0 var(--grid-ring-strong),inset 0 -1.5px 0 0 var(--grid-ring-strong)}.gridButton.active.note-tail.selected{box-shadow:inset 0 1.5px 0 0 var(--grid-ring-strong),inset 0 -1.5px 0 0 var(--grid-ring-strong),inset -1.5px 0 0 0 var(--grid-ring-strong)}.gridButton.move-ghost{opacity:.3!important}.gridButton.move-preview{box-shadow:inset 0 0 0 1px var(--grid-ring-soft);background-color:var(--surface-tint-2)}.gridButton.active[data-arp-mark]:before{position:absolute;top:0;left:2px;font-size:var(--text-2xs);line-height:1;color:var(--grid-ring-strong);pointer-events:none}.gridButton.active[data-arp-mark=up]:before{content:"↑"}.gridButton.active[data-arp-mark=down]:before{content:"↓"}.gridButton.active[data-arp-mark=updown]:before{content:"↕"}.gridButton.active[data-arp-mark=random]:before{content:"?"}.gridButton.active[data-arp-mark=pedal]:before{content:"↥"}.gridButton.active[data-arp-mark=converge]:before{content:"⇅"}.gridButton.active[data-arp-mark=diverge]:before{content:"⇕"}#matrix[data-cols="8"]:not(.show-notes) .gridButton.active[data-arp-mark]:before,#matrix[data-cols="8"].show-notes .gridButton.active[data-arp-mark]:not([data-step],[data-note]):before{font-size:var(--text-md);top:2px;left:4px}.gridButton.chord-root-ghost{background-image:radial-gradient(circle,var(--grid-ring-strong) 0 2px,transparent 2.5px)}.chord-hover-label{position:absolute;transform:translateY(-100%);margin-top:calc(-1 * var(--space-1));padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);line-height:1;white-space:nowrap;color:var(--chrome-5);background-color:var(--surface-dark);border:1px solid var(--chrome-border);border-radius:var(--radius-sm);pointer-events:none;z-index:calc(var(--z-playhead) + 1)}.chord-hover-label--below{transform:none;margin-top:var(--space-1)}.show-notes .gridButton[data-step]:before{content:attr(data-step);position:absolute;top:1px;left:50%;transform:translate(-50%);font-size:clamp(6px,1vw,var(--text-sm));line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:var(--font-mono)}.show-notes .gridButton[data-note]:before{content:attr(data-note);position:absolute;right:1px;top:50%;transform:translateY(-50%);font-size:clamp(6px,1vw,var(--text-sm));line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:var(--font-mono)}.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,var(--text-sm));line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:var(--font-mono)}.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:visible;touch-action:pan-y;position:relative}#matrix{width:100%;height:auto;max-width:100%;flex:1;min-height:0}}@media(hover:none)and (min-width:769px){#gridArea{touch-action:pan-y}}#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}.grid-song-title{display:none;--grid-song-title-x: 0px;--grid-song-title-y: 0px}@media only screen and (max-width:768px){.grid-song-title:not([hidden]){display:block;position:absolute;top:calc(var(--grid-song-title-y) + var(--space-2));left:calc(var(--grid-song-title-x) + var(--space-3));z-index:calc(var(--z-playhead) + 1);max-width:60%;overflow:hidden;color:var(--color-active);opacity:.6;font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-body);white-space:nowrap;text-overflow:ellipsis;pointer-events:none}}.grid-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:center;padding:var(--space-5);pointer-events:none}.grid-empty-hint-text{margin:0;max-width:28em;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--surface-toast);color:var(--ink-light);font-size:var(--text-sm);text-align:center}.grid-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:center;background:var(--overlay-soft);pointer-events:none;opacity:0;animation:grid-loading-reveal var(--duration-slow) ease forwards}@keyframes grid-loading-reveal{0%,40%{opacity:0}to{opacity:1}}.grid-loading-spinner{width:44px;height:44px;border:3px solid var(--chrome-border);border-top-color:var(--chrome-5);border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.grid-loading-spinner{animation:none!important}}.grid-scrollbar{position:relative;width:0;overflow:hidden;background:var(--surface-tint-1);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:var(--surface-tint-2);border-radius:var(--scrollbar-radius);cursor:grab;transition:background var(--transition-fast)}.grid-scrollbar-thumb:hover{background:var(--surface-band)}.grid-scrollbar-thumb.dragging{background:var(--surface-tint-5);cursor:grabbing}#gridArea.gridbars-on .grid-scrollbar.inert{width:0;margin-left:0}.grid-scrollbar.inert .grid-scrollbar-thumb{cursor:default}.grid-loop-bar{--loop-start-pct: 0%;--loop-end-pct: 100%;position:relative;height:0;overflow:hidden;background:var(--surface-tint-1);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-fill{position:absolute;top:0;bottom:0;left:var(--loop-start-pct);right:calc(100% - var(--loop-end-pct));background:var(--surface-tint-2);border-radius:var(--scrollbar-radius);transition:background var(--transition-fast)}.grid-loop-bar:hover .grid-loop-fill{background:var(--surface-band)}.grid-loop-bar.dragging .grid-loop-fill{background:var(--surface-tint-5)}.grid-loop-thumb{position:absolute;top:1px;bottom:1px;width:5px;box-sizing:border-box;background:var(--surface-tint-5);border:1px solid var(--chrome-2);border-radius:var(--radius-sm);pointer-events:none}.grid-loop-thumb-start{left:var(--loop-start-pct)}.grid-loop-thumb-end{left:var(--loop-end-pct);transform:translate(-100%)}.grid-loop-bar:hover .grid-loop-thumb,.grid-loop-bar.dragging .grid-loop-thumb{border-color:var(--chrome-4)}.grid-loop-bar.dragging{cursor:grabbing}.grid-loop-bar.has-window .grid-loop-fill{cursor:grab}.grid-loop-bar.moving,.grid-loop-bar.moving .grid-loop-fill{cursor:grabbing}.beat-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:calc(var(--z-playhead) - 1)}.beat-guide{position:absolute;top:0;bottom:0;width:1px;transform:translate(-50%);background:color-mix(in srgb,var(--chrome-2) 15%,transparent)}.beat-guide--bar{background:color-mix(in srgb,var(--chrome-2) 30%,transparent)}:root[data-hide-beat-guides] .beat-guides{display:none}.tabContainer{width:100%}.tabs{display:flex;gap:0;margin-top:var(--space-2);margin-bottom:var(--space-2);white-space:nowrap;border-bottom:var(--border-control) solid var(--chrome-border)}.tabButton,.fm-section-tab{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:var(--tracking-body);transition:color var(--transition-fast),border-color var(--transition-fast)}:lang(ja) :is(.tabButton,.fm-section-tab),:lang(ko) :is(.tabButton,.fm-section-tab),:lang(zh) :is(.tabButton,.fm-section-tab){letter-spacing:normal}.tabButton:hover,.fm-section-tab:not(.fm-section-tab--active):hover{background:transparent;color:var(--chrome-4)}.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(#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(#oscTab5:checked) .tabContent #oscTab5Content,.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(#songSettingsTab1:checked) .tabContent #songSettingsTab1Content,.tabContainer:has(#songSettingsTab2:checked) .tabContent #songSettingsTab2Content,.tabContainer:has(#songSettingsTab3:checked) .tabContent #songSettingsTab3Content{display:flex;flex-direction:column;gap:var(--space-5)}#oscTab3Content,#oscTab4Content{gap:var(--space-6)}.fm-section-tab--active,.tabContainer:has(#oscTab1:checked) label[for=oscTab1],.tabContainer:has(#oscTab3:checked) label[for=oscTab3],.tabContainer:has(#oscTab4:checked) label[for=oscTab4],.tabContainer:has(#oscTab5:checked) label[for=oscTab5],.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(#songSettingsTab1:checked) label[for=songSettingsTab1],.tabContainer:has(#songSettingsTab2:checked) label[for=songSettingsTab2],.tabContainer:has(#songSettingsTab3:checked) label[for=songSettingsTab3],.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]{color:var(--color-active);border-bottom-color:var(--color-active)}.fm-section-tab--active:hover,.tabContainer:has(#oscTab1:checked) label[for=oscTab1]:hover,.tabContainer:has(#oscTab3:checked) label[for=oscTab3]:hover,.tabContainer:has(#oscTab4:checked) label[for=oscTab4]:hover,.tabContainer:has(#oscTab5:checked) label[for=oscTab5]:hover,.tabContainer:has(#fxTab1:checked) label[for=fxTab1]:hover,.tabContainer:has(#fxTab3:checked) label[for=fxTab3]:hover,.tabContainer:has(#fxTab2:checked) label[for=fxTab2]:hover,.tabContainer:has(#optionsTab1:checked) label[for=optionsTab1]:hover,.tabContainer:has(#optionsTab2:checked) label[for=optionsTab2]:hover,.tabContainer:has(#songSettingsTab1:checked) label[for=songSettingsTab1]:hover,.tabContainer:has(#songSettingsTab2:checked) label[for=songSettingsTab2]:hover,.tabContainer:has(#songSettingsTab3:checked) label[for=songSettingsTab3]:hover,.tabContainer:has(#editTab1:checked) label[for=editTab1]:hover,.tabContainer:has(#editTab2:checked) label[for=editTab2]:hover,.tabContainer:has(#editTab3:checked) label[for=editTab3]:hover,.tabContainer:has(#modTab1:checked) label[for=modTab1]:hover,.tabContainer:has(#modTab2:checked) label[for=modTab2]:hover{color:var(--color-active-bright);border-bottom-color:var(--color-active-bright)}.tabButton--engine-on:after{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--meter-led-green);box-shadow:0 0 4px var(--meter-led-green)}.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:var(--space-2) var(--space-2);color:var(--chrome-3)}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(#oscTab3:focus-visible) label[for=oscTab3],.tabContainer:has(#oscTab4:focus-visible) label[for=oscTab4],.tabContainer:has(#oscTab5:focus-visible) label[for=oscTab5],.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(#songSettingsTab1:focus-visible) label[for=songSettingsTab1],.tabContainer:has(#songSettingsTab2:focus-visible) label[for=songSettingsTab2],.tabContainer:has(#songSettingsTab3:focus-visible) label[for=songSettingsTab3],.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)}@media only screen and (max-width:768px){.slide-panel .tabContainer>.tabs{position:sticky;top:0;z-index:var(--z-rail);margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);padding:0 var(--space-3);background-color:var(--background-color)}}.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:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-control);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:var(--radius-md);padding:var(--space-1);gap:0}.chip-group--cluster .chip-group-options>.controlButton{height:var(--control-height-md);border:none;border-radius:var(--radius);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--wrap .chip-group-options{display:flex;flex-wrap:wrap;align-self:stretch}.chip-group--cluster.chip-group--wrap .chip-group-options>.controlButton{flex:1 1 var(--chip-basis, 0);min-width:max-content;padding-inline:var(--space-3);white-space:nowrap}.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)}.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:700;letter-spacing:var(--tracking-label);color:var(--chrome-3);padding-inline:var(--space-4);padding-block:var(--space-2);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 var(--transition-fast)}.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:var(--space-2) var(--space-2);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)}.drumRowChokeRow{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}.drumRowChokeGroup,.drumRowCutSelf{display:flex;align-items:center;gap:var(--space-3);min-width:0}#drumRowChokeSelect{flex:1;min-width:0;padding:var(--space-3)}.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}.drum-row-selected{background-color:var(--surface-tint-4)!important;box-shadow:inset 0 0 0 1px var(--surface-band)}.drum-row-choke-mate{outline:1px dashed var(--surface-band);outline-offset:-1px}.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:var(--opacity-disabled);pointer-events:none}.chordSettings{display:flex;flex-direction:column;gap:var(--space-4)}.chordSettings .chip-group[hidden]{display:none}.chordSettings .chord-type-group{--chip-basis: 21%}.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:var(--control-height-lg);line-height:var(--control-height-lg);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:var(--text-3xs);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:var(--control-height-md);height:var(--control-height-md);padding:0;font-size:var(--text-md);line-height:1;color:var(--color-warning);background:transparent;border:var(--border-control) 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;height:var(--control-height-lg);padding:0;font-size:var(--text-lg);line-height:1;color:var(--main-font-color);background-color:transparent;border:var(--border-control) 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:var(--control-height-lg);line-height:var(--control-height-lg)}.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}#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:var(--border-control) 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 var(--transition-fast);letter-spacing:var(--tracking-control);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:var(--border-control) solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:var(--tracking-body);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{opacity:var(--opacity-disabled);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{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2)}#clearButton>svg{width:13px;height:13px;flex-shrink:0}#clearButton:hover{border:var(--border-control) solid var(--chrome-4);color:var(--chrome-5)}@media(hover:none){#clearButton:hover{border:var(--border-control) solid var(--chrome-border);color:var(--chrome-3)}}#clearButton:active{border:var(--border-control) solid var(--color-danger-active)}#resetAllButton.confirm-pending{border-color:var(--color-danger);color:var(--color-danger)}.exportImportButton{padding:var(--space-3) var(--space-4)}.exportImportButton:active{border-color:var(--chrome-5)}.download-control-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3)}.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:var(--radius-pill);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:var(--radius-full);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:var(--radius-pill)}.effectToggle--outline:disabled{opacity:var(--opacity-disabled);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)}#clearButton br{display:none}}.labelContainer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);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{text-transform:lowercase;font-weight:400;letter-spacing:normal}.sliderItem 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:var(--border-control) solid var(--chrome-border);letter-spacing:var(--tracking-body);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:var(--border-control) solid var(--chrome-4)}.selectBox:active{border-color:var(--chrome-4)}.selectBox:focus-visible{outline:2px solid var(--color-active);outline-offset:var(--space-1);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:var(--opacity-disabled);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.grid-size-popover{width:max-content;min-width:140px;max-width:min(300px,calc(100vw - 2 * var(--space-4)))}.grid-size-popover .dropdown-popover-item-label{flex:0 0 auto}.grid-size-popover .dropdown-popover-item-trailing{min-width:0;padding-left:var(--space-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-popover.time-sig-popover{width:120px;max-height:440px}.dropdown-popover-title{flex-shrink:0;padding:var(--space-1) var(--space-2) var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid color-mix(in srgb,var(--surface-border),var(--chrome-1) 28%);color:var(--chrome-4);font-size:var(--text-xs);font-weight:600;line-height:1.3}.time-sig-popover-note{padding:var(--space-1) var(--space-2) 0;color:var(--chrome-3);font-size:var(--text-3xs);line-height:1.3}.dropdown-popover-search{width:100%;height:var(--control-height-lg);flex-shrink:0;background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);color:var(--chrome-5);padding:0 var(--space-2);font-size:var(--text-xs);margin-bottom:var(--space-2);font-family:inherit}.dropdown-popover-search-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.dropdown-popover-search-row .dropdown-popover-search{flex:1;margin-bottom:0}.dropdown-popover-search-action{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer}.dropdown-popover-search-action:disabled{opacity:var(--opacity-disabled);cursor:default}.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:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-body);padding:var(--space-1) var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--surface-border),var(--chrome-1) 28%);z-index:1}.dropdown-popover-group-header:not(:first-child){margin-top:var(--space-2)}.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:var(--radius)}.dropdown-popover-item:hover,.dropdown-popover[data-keyboard-nav] .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:var(--opacity-disabled);cursor:not-allowed}.dropdown-popover-item-leading{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:var(--space-2);font-size:var(--text-sm);line-height:1}.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:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-body);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-header{margin-bottom:var(--space-2)}.dropdown-popover-footer{flex-shrink:0;margin-top:var(--space-2);padding-top:var(--space-1);border-top:1px solid color-mix(in srgb,var(--surface-border),var(--chrome-1) 28%)}.dropdown-popover[data-drag-over=true]{outline:2px dashed var(--color-active);outline-offset:-2px}.dropdown-popover-row-action{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--chrome-3);font:inherit;font-size:var(--text-md);line-height:1;padding:0 var(--space-2);cursor:pointer;margin-left:var(--space-2);border-radius:var(--radius)}.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:2px solid var(--color-active);outline-offset:var(--space-1)}#fileInput{display:none}#scaleSelectBox{margin-top:0;padding:var(--space-4) var(--space-3)}#scaleSelectBox:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}#gridSizeSelectBox{padding:0 var(--space-8) 0 var(--space-6);font-family:var(--font-mono);font-size:var(--text-md);background-color:var(--surface-dark)}.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}.dropdown-popover-item,.dropdown-popover-search,.dropdown-popover-empty{font-size:var(--text-sm)}}@media only screen and (max-width:430px)and (orientation:portrait){.labelContainer{padding-right:var(--space-5)}}.dropdown-popover.scale-popover{width:300px}.scale-popover .dropdown-popover-item{align-items:flex-start}.scale-popover .dropdown-popover-item-label{flex:0 1 auto}.scale-popover .dropdown-popover-item-trailing{flex:1 1 auto;text-align:right;text-transform:none;letter-spacing:var(--tracking-tight);white-space:normal;padding-left:var(--space-4)}.scale-popover-cols{display:flex;margin-top:var(--space-4)}.scale-popover-col{flex:1 1 0;min-width:0}.scale-transpose{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.scale-transpose-row{display:flex;align-items:center;gap:var(--space-1)}.scale-transpose-step,.scale-transpose-reset{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);text-align:center;color:var(--chrome-3);background:transparent;border:1px solid var(--chrome-1);border-radius:var(--radius);cursor:pointer}.scale-transpose-step{flex:1 1 auto}.scale-transpose-reset{flex:0 0 auto;min-width:0;margin-inline-start:var(--space-2)}.scale-transpose-step:hover,.scale-transpose-reset:not(:disabled):hover{color:var(--main-font-color);border-color:var(--chrome-2)}.scale-transpose-step:focus-visible,.scale-transpose-reset:focus-visible{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.scale-transpose-reset:disabled{opacity:var(--opacity-disabled);cursor:default}.scale-transpose-value{flex:1 1 auto;min-width:var(--space-9);text-align:center;font-size:var(--text-2xs);color:var(--color-active)}.scale-transpose-value.is-zero{color:var(--chrome-3)}.scale-popover-roots{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.scale-root-pill{flex:1 0 auto;min-width:20px;padding:var(--space-1) 0;font-size:var(--text-2xs);text-align:center;color:var(--chrome-3);background:transparent;border:1px solid var(--chrome-1);border-radius:var(--radius);cursor:pointer}.scale-root-pill:hover{color:var(--main-font-color);border-color:var(--chrome-2)}.scale-root-pill[aria-checked=true]{color:var(--color-active);border-color:var(--color-active)}.scale-root-pill:focus-visible{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.scale-popover-label{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-body);color:var(--chrome-3);padding:var(--space-1) var(--space-2) 0}.scale-popover-label:not(:first-child){margin-top:var(--space-1)}.scale-popover-toggles{display:flex;flex-direction:row;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.scale-popover-toggle{flex:1 1 0;min-width:0;padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);text-align:center;color:var(--chrome-3);background:transparent;border:1px solid var(--chrome-1);border-radius:var(--radius);cursor:pointer}.scale-popover-toggle:hover{color:var(--main-font-color);border-color:var(--chrome-2)}.scale-popover-toggle[aria-pressed=true]{color:var(--color-active);border-color:var(--color-active)}.scale-popover-toggle:focus-visible{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.scale-popover .dropdown-popover-footer{margin-top:var(--space-3);padding-top:var(--space-3)}.dropdown-popover:has(.preset-popover-header-inner){width:320px}.preset-popover-header-inner{display:flex;flex-direction:column;gap:var(--space-1)}.preset-popover-segmented{display:flex;gap:var(--space-1);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);padding:var(--space-1)}.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:var(--space-2) var(--space-3);border-radius:var(--radius);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-subtabs{display:flex;gap:var(--space-1);padding:0 var(--space-1)}.preset-popover-subtab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--chrome-3);font:inherit;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);cursor:pointer;white-space:nowrap}.preset-popover-subtab:hover{color:var(--chrome-5)}.preset-popover-subtab[aria-selected=true]{color:var(--color-active);border-bottom-color:var(--color-active)}.preset-popover-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-2)}.preset-search-dice.randomizeDice{width:var(--control-height-md);height:var(--control-height-md);border:none}.preset-popover-chips-band{display:flex;align-items:flex-start;gap:var(--space-2);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:var(--text-2xs);line-height:1.4;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-body)}.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:var(--text-2xs);line-height:1.4;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-body)}.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:var(--space-1) var(--space-2);background:var(--surface-border)}.preset-popover-upload-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;border:1px dashed var(--surface-border);color:var(--chrome-3);font:inherit;font-size:var(--text-xs);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);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:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--surface-border)}.preset-popover-banks-title{font-size:var(--text-2xs);text-transform:uppercase;font-weight:700;letter-spacing:var(--tracking-control);color:var(--chrome-3);padding:0 var(--space-1) var(--space-1)}.preset-popover-bank-row{display:flex;align-items:center;gap:var(--space-2);min-height:24px}.preset-popover-bank-name{flex:1;font-size:var(--text-xs);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:var(--text-xs);line-height:1;padding:var(--space-1) var(--space-3);border-radius:var(--radius);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);border-color:var(--color-danger);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.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:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius);min-width:0}.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-retry{background:transparent;border:0;padding:0 var(--space-1);color:var(--color-active);font:inherit;font-weight:600;cursor:pointer}.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)}.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)}.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:var(--radius);color:var(--chrome-3);font:inherit;font-size:var(--text-xs);padding:var(--space-1) var(--space-4);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);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}.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%}.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:var(--radius);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:var(--radius);background:transparent;color:var(--chrome-5);font:inherit;font-size:var(--text-xs);padding:var(--space-1) var(--space-4);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)}.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;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-2xs)}.moveNotesScope>label:not(.toggle-label){white-space:normal;text-align:center}.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-3);font-weight:500}.transposeLabel.transpose-limit{color:var(--color-danger-active);animation:transpose-shake var(--transition-slow)}@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:auto 1fr 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)}.np-select-all-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%;margin-bottom:var(--space-4)}.np-select-all-row .gen-chip{line-height:1.2;text-wrap:balance}.notePropertiesContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%}#notePropertiesGroup.disabled .notePropertiesContainer{opacity:var(--opacity-disabled);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)}.editArrowButton{position:relative;width:var(--space-8);height:var(--space-8);background-color:transparent;border:var(--border-control) solid transparent;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast);touch-action:none;-webkit-user-select:none;user-select:none}.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:var(--tracking-control);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:var(--opacity-disabled);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-toggle-icon-label{display:inline-flex;align-items:center;gap:var(--space-2)}.gen-toggle-icon{width:14px;height:14px;flex:none}.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:var(--tracking-body)}.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:var(--border-control) 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{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)}.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}.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}.waveform-disabled-note{margin:calc(-1 * var(--space-5)) 0 calc(-1 * var(--space-3));font-size:var(--text-xs);line-height:1.4;color:var(--chrome-4);text-align:center;opacity:.7}.waveform-mode-link{color:var(--color-active);font-weight:inherit;text-decoration:none;cursor:pointer}.waveform-mode-link:hover{color:var(--color-active-bright)}.mode-unavailable-note{margin-top:var(--space-3);font-size:var(--text-sm);line-height:1.4;color:var(--chrome-3);text-align:center}.noiseTypeButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.distortionModeRow,.delayModeRow{--chip-basis: 30%;grid-column:1 / -1}.subOscWaveButton{position:relative;display:flex;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);background-color:transparent;border:var(--border-control) 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)}.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}.delaySyncContainer{align-self:end}.delaySyncButton{font-size:var(--text-xs);letter-spacing:var(--tracking-control);text-transform:uppercase;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colorPicker{width:100%;height:var(--control-height-md);border:none;border-radius:var(--radius);background-color:transparent;cursor:pointer}.colorPickerInline{width:var(--control-height-lg);height:var(--control-height-lg);flex-shrink:0}.colorPickerInline:disabled{opacity:var(--opacity-disabled);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:var(--opacity-disabled);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:var(--opacity-disabled);pointer-events:none}@media only screen and (max-width:768px){.lfoSyncButton{min-width:52px}}.unisonWaveButton{position:relative;display:flex;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);background-color:transparent;border:var(--border-control) 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:var(--text-3xs);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:var(--border-control) 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:calc(-1 * var(--space-4));display:none;contain:layout paint;pointer-events:auto}.lfo-ind.is-active{display:block}.lfo-ind-band{position:absolute;top:3px;height:2px;border-radius:var(--radius-sm);background:var(--color-active);opacity:.28}.lfo-ind-dot{position:absolute;top:1px;left:0;width:6px;height:6px;margin-left:-3px;border-radius:var(--radius-full);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}.lfo-ind--vertical{position:absolute;left:2px;top:0;width:6px;height:100%;margin-top:0;pointer-events:none}.lfo-ind--vertical .lfo-ind-band{left:2px;top:0;width:2px;height:0}.lfo-ind--vertical .lfo-ind-dot{left:1px;top:0;margin-left:0;margin-top:-3px}.filterSection{display:flex;flex-direction:column;gap:var(--space-5)}.filterGraph{display:flex;flex-direction:column;gap:var(--space-2)}.filterGraph__host{position:relative;width:100%;height:120px;background:var(--surface-darker);border:1px solid var(--surface-tint-2);border-radius:var(--radius-md);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:var(--radius-sm)}.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:700;letter-spacing:var(--tracking-label);color:var(--chrome-3)}.filterBypass{margin-left:auto;width:26px;height:14px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--toggle-border);position:relative;cursor:pointer;padding:0;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.filterBypass:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--chrome-2);transition:transform var(--transition-fast),background-color var(--transition-fast)}.filterBypass[aria-checked=true]{background-color:var(--toggle-track);border-color:var(--toggle-border-active)}.filterBypass[aria-checked=true]:after{transform:translate(10px);background:var(--chrome-5)}.filterGroup[data-filter][data-bypassed=true] .sliderItem{opacity:.45;pointer-events:none}@media only screen and (max-width:768px){.filterGroup__rows .labelContainer{padding-right:var(--space-2)}}.wavetableModeToggleButton{align-self:flex-start}.wavetableControls{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.wavetableCanvas{display:block;width:100%;height:240px;background:var(--surface-darker);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.wavetableControlRow{display:flex;align-items:center;gap:var(--space-3)}.wavetableControlLabel{flex:0 0 auto;min-width:var(--space-9)}.wavetableSliderWrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.wavetableSliderWrap>input[type=range]{width:100%}.wavetableBrowser{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0}.wavetableBrowser .selectBox{flex:1 1 auto;min-width:0;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}.wavetableBrowser .selectBox:hover,.wavetableBrowser .selectBox:active,.wavetableBrowser .selectBox:focus-visible{background-color:var(--surface-tint-1);border-color:transparent}.wavetableBrowser .presetNavButton,.wavetableBrowser .presetNavButton:hover,.wavetableBrowser .presetNavButton:active{border-color:transparent}.wavetableBrowser .presetNavButton{min-width:var(--space-8)}.wavetableControlValue{flex:0 0 auto;min-width:var(--space-7);text-align:right}.wavetableMorphEnv{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.wavetableBrowser .wavetableRandomizeButton{width:var(--control-height-lg);height:var(--control-height-lg);border:none;color:var(--main-font-color)}.wavetableBrowser .wavetableRandomizeButton:hover{background-color:var(--surface-tint-2)}.wavetableBrowser .wavetableRandomizeButton:before{width:3px;height:3px;background:currentColor;box-shadow:-5px -5px 0 currentColor,5px -5px 0 currentColor,-5px 5px 0 currentColor,5px 5px 0 currentColor}.dismissable-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-border);border-radius:var(--radius);opacity:1;transition:opacity var(--duration-fast) ease}.dismissable-note--out{opacity:0}.dismissable-note-text{flex:1 1 auto;margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--chrome-4)}.dismissable-note-dismiss{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--chrome-4);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.dismissable-note-dismiss:hover{color:var(--chrome-3);background:var(--surface-tint-2)}.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-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}.tempoCol{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--space-2);row-gap:0}.tempoHeader{display:contents}.transport-row .tempoCol #tempoSlider{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;height:20px;margin:0;margin-top:calc(-1 * var(--space-2));transform:translateY(2px)}.transport-row .tempoCol #tapTempoButton{grid-column:1;grid-row:1;justify-self:start}.transport-row .tempoCol #tempoValue{grid-column:3;grid-row:1;justify-self:end;margin:calc(-1 * var(--space-5)) 0 0;padding:var(--space-5) var(--space-2) 0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);line-height:1.4;color:var(--chrome-3);border-radius:var(--radius)}.tapTempoButton{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--chrome-3);background:transparent;border:var(--border-control) 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{background:transparent}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:var(--radius-sm)}input[type=range]::-moz-range-track{width:95%;height:2px;background:var(--slider-track);border-radius:var(--radius-sm)}input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:var(--radius-sm)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;border-radius:var(--radius-full);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:var(--focus-halo)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:var(--focus-halo-strong)}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;border-radius:var(--radius-full);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:var(--focus-halo)}input[type=range]::-moz-range-thumb:active{border-color:var(--chrome-5);box-shadow:var(--focus-halo-strong)}.slider-touch-pan-y{touch-action:pan-y}.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:var(--border-control) 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:var(--radius-full);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:var(--border-control) solid var(--chrome-selected)}.song-bar-picker .presetRandomButton{height:var(--song-bar-control-h);width:var(--space-8);display:inline-flex;border:none}.song-bar-picker .presetRandomButton:before{width:3px;height:3px;background:currentColor;box-shadow:-5px -5px 0 currentColor,5px -5px 0 currentColor,-5px 5px 0 currentColor,5px 5px 0 currentColor}.song-bar-picker .presetRandomButton:hover{background-color:var(--surface-tint-2)}.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:.85;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:var(--text-3xs);font-weight:600;letter-spacing:var(--tracking-tight);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-1);--waveform-icon-color: var(--waveform-color)}.waveformBox.selected .waveformName{color:var(--chrome-5)}.waveformBox.selected:hover{background-color:var(--surface-tint-1)}.waveformBox.selected:hover .waveformName{color:var(--chrome-5)}.waveformBox:focus-visible{opacity:1;outline:1px solid var(--chrome-4);outline-offset:var(--space-1)}.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")}.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:before{content:"";position:absolute;top:-8px;right:-3px;bottom:-8px;left:-3px}.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:var(--space-1)}.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)}.playbackDensityStrip{margin-top:calc(var(--space-2) - var(--space-5))}.waveformSelectContainer{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin:0}.arrowsContainer,.arpModeContainer{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-bottom:0}.arpModeContainer{grid-template-columns:repeat(4,1fr)}.arrowButton,.arpModeButton{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--chrome-3);background-color:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;opacity:.85;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:var(--text-3xs);font-weight:600;letter-spacing:var(--tracking-tight);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,.arpModeButton:hover{opacity:1;color:var(--chrome-4);background-color:var(--surface-tint-1)}.arrowButton:hover .directionLabel,.arpModeButton:hover .directionLabel{color:var(--chrome-4)}@media(hover:none){.arrowButton:hover,.arpModeButton:hover{opacity:.85;color:var(--chrome-3);border-color:transparent;background-color:transparent}.arrowButton:hover .directionLabel,.arpModeButton:hover .directionLabel{color:var(--chrome-3)}}.arrowButton.selected,.arpModeButton.selected{opacity:1;filter:brightness(1.1);color:var(--chrome-5);background-color:var(--surface-tint-2)}.arrowButton.selected .directionLabel,.arpModeButton.selected .directionLabel{color:var(--chrome-5)}.arrowButton.selected:hover,.arpModeButton.selected:hover{color:var(--chrome-5);background-color:var(--surface-tint-2)}.arrowButton:focus-visible,.arpModeButton:focus-visible{opacity:1;outline:1px solid var(--chrome-4);outline-offset:var(--space-1)}.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%)}.arpModeButton .directionIcon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;-webkit-mask-image:var(--arp-icon);mask-image:var(--arp-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.arpModeButton[data-arp-mode=off]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 7h12M6 12h12M6 17h12'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=up]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 19h5M10 12h5M17 5h4'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=down]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h5M10 12h5M17 19h4'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=updown]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 18h4M10 6h4M17 18h4'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=random]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 12h4M10 18h4M17 6h4'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=pedal]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 19h3M8 12h3M14 19h3M20 5h2'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=converge]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 20h3M8 4h3M14 16h3M20 8h2'/%3E%3C/svg%3E")}.arpModeButton[data-arp-mode=diverge]{--arp-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 9h3M8 15h3M14 4h3M20 20h2'/%3E%3C/svg%3E")}@media only screen and (max-width:768px){.arrowsContainer,.arpModeContainer,.waveformSelectContainer{gap:var(--space-1)}.arrowButton,.arpModeButton{padding:var(--space-4) 0}.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,.arpModeContainer,.waveformSelectContainer{gap:var(--space-2)}}.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:var(--control-height-sm);height:var(--control-height-sm);background-color:transparent;border:var(--border-control) 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")}.lfoColumn{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-1)}.slide-panel .lfoColumn .sliderItem{visibility:visible}.lfo-lane-toggle-track,.automation-lane-toggle-track{width:28px;height:14px;border:1px solid var(--toggle-border);border-radius:var(--radius-pill);background:transparent;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.lfo-lane-toggle-track:after,.automation-lane-toggle-track:after{content:"";width:10px;height:10px;border-radius:var(--radius-full);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,.automation-lane-toggle:hover .automation-lane-toggle-track{border-color:var(--toggle-border-hover)}.lfo-lane-toggle:hover .lfo-lane-toggle-track:after,.automation-lane-toggle:hover .automation-lane-toggle-track:after{background:var(--chrome-3)}.lfo-lane-toggle-input:checked+.lfo-lane-toggle-track,.automation-lane-toggle-input:checked+.automation-lane-toggle-track{background-color:var(--toggle-track);border-color:var(--toggle-border-active)}.lfo-lane-toggle-input:checked+.lfo-lane-toggle-track:after,.automation-lane-toggle-input:checked+.automation-lane-toggle-track:after{transform:translate(14px);background:var(--chrome-5)}.lfo-lane-list{display:flex;flex-direction:column;gap:var(--space-2);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:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.lfo-lane-item:hover{border-color:var(--chrome-1);background:var(--surface-tint-2)}.lfo-lane-item.selected{border:1px solid var(--chrome-2);background:var(--surface-tint-2)}.lfo-lane-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.lfo-lane-name{font-size:var(--text-sm);color:var(--chrome-5);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;padding:0;margin:0;text-align:start;line-height:inherit;cursor:pointer}.lfo-lane-item:not(.selected) .lfo-lane-name{color:var(--chrome-3)}.lfo-lane-remove{background:none;border:none;color:var(--chrome-3);cursor:pointer;padding:var(--space-1) var(--space-2);line-height:1}.lfo-lane-remove:hover{color:var(--chrome-4)}.lfo-lane-toggle{flex-shrink:0;cursor:pointer;display:flex;align-items:center;position:relative}.lfo-lane-toggle-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.lfo-lane-toggle-input:focus-visible+.lfo-lane-toggle-track{outline:2px 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:var(--opacity-disabled)}.lfo-lane-editor-slot{margin:-1px 0 var(--space-2) 0}.lfo-lane-editor-slot .lfo-editor{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4)}.lfo-editor>.lfoToggleButton{display:none!important}.lfo-add-target{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:1px dashed var(--chrome-1);border-radius:var(--radius-md);cursor:pointer;color:var(--chrome-3);font-size:var(--text-sm);font-family:inherit;white-space:nowrap}.lfo-add-target:hover{border-color:var(--chrome-2);color:var(--chrome-3);background:var(--surface-tint-1)}.lfo-add-icon{font-size:var(--text-md);line-height:1}.lfo-target-dropdown{margin-top:var(--space-2);background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-md);overflow:hidden;max-height:240px}.lfo-target-search{width:100%;padding:var(--space-4) var(--space-4);background:var(--surface-tint-1);border:none;border-bottom:1px solid var(--surface-border);color:var(--chrome-5);font-size:var(--text-sm);box-sizing:border-box}.lfo-target-search:focus-visible,.lfo-target-option:focus-visible{outline-offset:-2px}.lfo-target-list{max-height:200px;overflow-y:auto}.lfo-target-option{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);background:none;border:0;text-align:start;font-size:var(--text-sm);color:var(--chrome-3);cursor:pointer}.lfo-target-option:hover,.lfo-target-option:focus-visible{background:var(--surface-tint-2);color:var(--chrome-5)}.lfo-target-option-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.lfo-lane-meter{width:56px;height:10px;flex-shrink:0;background:var(--surface-tint-2);border-radius:var(--radius-pill);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:var(--radius-sm);transform:translateZ(0);will-change:transform}.lfo-lane-item.lfo-lane-disabled .lfo-lane-meter{opacity:.3}@media(max-width:380px){.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:1px solid var(--toggle-border);border-radius:var(--radius-pill);cursor:pointer;position:relative;background-color:transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.toggle-label:after{content:"";position:absolute;top:-3px;right:-1px;bottom:-3px;left:-1px}.toggle-label:hover{border-color:var(--toggle-border-hover)}.toggle-button{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-full);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:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.about-popup-content{width:460px;max-width:calc(100vw - 32px)}.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:var(--tracking-tight);text-align:center}.about-popup-meta{margin-top:var(--space-7);padding-top:var(--space-6);border-top:var(--border-control) solid var(--surface-tint-2)}.about-popup-meta p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--chrome-3);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-3);text-decoration:none;transition:color var(--transition-fast)}.about-popup-footer a:hover{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}}#header{visibility:hidden}.header{display:flex;justify-content:space-between;align-items:center;column-gap:var(--space-6);background-color:transparent;margin:0 auto;padding-left:var(--space-2);position:relative}.header-items{display:flex;align-items:center;gap:var(--space-4)}.logo{width:364px;height:auto;display:block;cursor:pointer;flex-shrink:0}@media(min-width:769px){#header.hf-logo .logo{width:240px}}.header>.header-items{flex-shrink:0}.header-right,.header-right>.header-items{min-width:0}.header-song{--header-song-h: calc(var(--control-height-lg) + 2 * var(--space-1));display:flex;align-items:center;gap:var(--space-3);min-width:0}.header-song :is(.song-info-button,.new-song-button,.song-settings-button){width:var(--header-song-h);height:var(--header-song-h)}.song-info-button[hidden]{display:none}.song-title-group{display:flex;align-items:center;flex:0 1 auto;min-width:0;border-radius:var(--radius-md)}.song-title-group:has(>.song-info-button:not([hidden])){background-color:var(--surface-tint-1);outline:var(--border-control) solid var(--surface-tint-2);outline-offset:calc(-1 * var(--border-control))}.song-title-group:has(>.song-info-button:not([hidden])) .song-title-input{border-start-end-radius:0;border-end-end-radius:0}.song-title-group>.song-info-button{position:relative;border-start-start-radius:0;border-end-start-radius:0}.song-title-group>.song-info-button:before{content:"";position:absolute;inset-block:var(--space-3);inset-inline-start:0;border-inline-start:var(--border-control) solid var(--surface-tint-2)}.header-island{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);flex-shrink:0}.header-island .header-island-btn{width:auto;height:var(--control-height-lg);padding:0 var(--space-4);gap:var(--space-3)}#header.hf-labels .header-island-text{display:none}.header-btn-text{display:none;white-space:nowrap;font-size:var(--text-sm);font-weight:500}#header .header-btn-text{display:inline}.song-title-wrap{position:relative;display:flex;align-items:center;flex:0 1 auto;min-width:0;cursor:text}.song-title-input{flex:0 1 auto;min-width:6ch;width:14ch;max-width:28ch;height:var(--header-song-h);padding:0 var(--space-3);padding-inline-end:calc(var(--space-3) * 2 + var(--icon-sm));background:transparent;border:var(--border-control) solid transparent;border-radius:var(--radius-md);color:var(--chrome-4);font-family:inherit;font-size:var(--text-sm);font-weight:400;text-overflow:ellipsis;transition:border-color var(--transition-fast),color var(--transition-fast)}.song-title-input::placeholder{color:var(--chrome-3);opacity:.6}.song-title-wrap:hover .song-title-input::placeholder{opacity:1}.song-title-input:hover{background-color:var(--surface-tint-1)}.song-title-input:not(:placeholder-shown){padding-inline-end:var(--space-3);color:var(--color-active)}.song-title-input:not(:placeholder-shown)+.song-title-pencil{display:none}.song-title-input:focus{border-color:var(--chrome-4);color:var(--chrome-5)}.song-title-input:focus:not(:focus-visible){outline:none}.song-title-pencil{position:absolute;inset-inline-end:var(--space-3);color:var(--chrome-3);opacity:.6;pointer-events:none;transition:opacity var(--transition-fast)}.song-title-wrap:hover .song-title-pencil{opacity:1}.song-title-input:focus+.song-title-pencil{opacity:0}:root[data-simple-mode=on] .song-title-wrap{display:none}@media only screen and (max-width:768px){.song-title-group:has(>.song-info-button:not([hidden])){background-color:transparent;outline:none}.song-title-group>.song-info-button:before{display:none}.song-title-wrap,.header .new-song-button,.header .song-settings-button,#header .header-btn-text{display:none}.header-island{gap:0}.header .header-island .help-button{height:30px;padding:0 var(--space-3);margin-left:0}.header{width:100%;margin:var(--space-3) auto var(--space-3);padding:0 var(--space-4)}.logo{width:min(48vw,calc(100vw - 200px));max-width:200px;position:static;transform:none}.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 :is(#mySongsButton,#explore-button,#helpButton,#optionsButton,.header-utility-divider){display:none}#header .header-menu-button{display:flex;position:relative}#header .header-menu-button svg{width:22px;height:22px}#header .header-menu-button:after{content:"";position:absolute;inset-block:calc(-1 * (var(--space-3) + var(--border-control)));left:calc(-1 * (var(--space-3) + var(--border-control)));right:calc(-1 * (var(--space-4) + var(--border-control)))}#header #share-button{width:auto;gap:var(--space-3)}#header #share-button .share-button-text{display:inline}.header-island{padding:0}}@media only screen and (max-width:430px){.logo{width:calc(100vw - 200px);min-width:84px;max-width:200px}}.explore-icon,.share-export-icon{width:18px;height:18px}#header.hf-share .share-button-text{display:none}.header-right{display:flex;align-items:center;gap:var(--space-5)}.header-utility-divider{display:block;width:1px;height:20px;margin:0 var(--space-1);background:var(--song-bar-divider);flex-shrink:0}.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:transparent;border:var(--border-control) 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:18px;height:18px}.help-button:hover{color:var(--chrome-5);background-color:var(--surface-tint-4)}.help-button:focus-visible{color:var(--chrome-5);background-color:var(--surface-tint-4)}.help-button:active{color:var(--chrome-selected)}#helpButton{width:26px;height:26px;border-radius:var(--radius-full);border-color:color-mix(in srgb,currentColor 45%,transparent)}.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)}}.mini-control-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-control) 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;color:var(--chrome-3)}.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(--chrome-3) 50%,transparent);border-color:transparent}@media(hover:none){.help-button:hover{color:var(--chrome-3);background-color:transparent}}.header-menu-button{display:none}.header-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;background:var(--overlay-frosted);backdrop-filter:blur(var(--blur-scrim));-webkit-backdrop-filter:blur(var(--blur-scrim));animation:modal-shell-fade var(--transition-fast)}.header-menu-overlay[hidden]{display:none}:root[data-performance-mode=on] .header-menu-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--overlay)}.header-menu-sheet{width:100%;max-height:85dvh;overflow-y:auto;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-6) var(--space-4);color:var(--main-font-color);background-color:var(--surface-darker);border-bottom:var(--border-control) solid var(--popup-border);border-end-start-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);animation:header-menu-drop var(--transition-reveal)}@keyframes header-menu-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.header-menu-overlay,.header-menu-sheet{animation:none}}.header-menu-grab{width:var(--space-9);height:var(--space-2);margin:var(--space-5) auto 0;border-radius:var(--radius-pill);background-color:var(--chrome-2)}.header-menu-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.header-menu-tile{display:grid;justify-items:start;align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-5);text-align:start;font:inherit;color:var(--main-font-color);background-color:var(--surface-tint-2);border:var(--border-control) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.header-menu-tile svg{width:var(--text-lg);height:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-active)}.header-menu-tile:last-child:nth-child(odd){grid-column:1 / -1}.header-menu-tile-title{font-size:var(--text-md);font-weight:600}.header-menu-tile-desc{font-size:var(--text-xs);color:var(--chrome-3)}@media(hover:hover){.header-menu-tile:hover{background-color:var(--surface-tint-4)}}.header-menu-tile:focus-visible{outline:none;border-color:var(--color-active)}#songBar{--song-bar-control-h: var(--space-9);--song-bar-select-w: clamp(88px, calc((100vw - 820px)*.221 + 88px) , 150px);display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(var(--space-4),calc((100vw - 1000px) * .025 + var(--space-4)),var(--space-9));padding:var(--space-5) 0;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}.undo-redo-group.song-bar-group{gap: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);position:relative;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:var(--tracking-body);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{display:grid;letter-spacing:var(--tracking-control);text-transform:uppercase}.song-bar-play .play-stop-label>span{grid-area:1 / 1;text-align:center}.song-bar-play .play-stop-label__stop,.song-bar-play.stopState .play-stop-label__play{visibility:hidden}.song-bar-play.stopState .play-stop-label__stop{visibility:visible}.song-bar-play.loading .play-stop-icon,.song-bar-play.loading .play-stop-label{visibility:hidden}.song-bar-play.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border:2px solid var(--chrome-border);border-top-color:var(--chrome-3);border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.song-bar-play.loading:after{animation:none;border-color:var(--chrome-border);border-top-color:var(--chrome-3)}}.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)}#songBar .header-undo-redo{width:var(--song-bar-control-h);height:var(--song-bar-control-h);padding:0}.clear-menu{z-index:var(--z-dropdown);display:flex;flex-direction:column;min-width:220px;padding:var(--space-2)}.clear-menu:focus{outline:none}.clear-menu-item{display:grid;grid-template-columns:1fr auto;column-gap:var(--space-4);row-gap:var(--space-1);align-items:center;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius);background:transparent;color:var(--chrome-5);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer}.clear-menu-item:hover,.clear-menu-item:focus-visible{background:var(--surface-tint-4);outline:none}.clear-menu-item-hint{grid-column:1;color:var(--chrome-3);font-size:var(--text-xs)}.clear-menu-item-key{grid-column:2;grid-row:1;font-family:var(--font-mono);font-size:var(--text-2xs);padding:0 var(--space-2);border:1px solid var(--chrome-border);border-radius:var(--radius);color:var(--chrome-3)}.clear-menu-item--armed,.clear-menu-item--armed:hover,.clear-menu-item--armed:focus-visible{background:var(--color-danger-deep);color:var(--ink-light)}.clear-menu-item--armed :is(.clear-menu-item-hint,.clear-menu-item-key){color:var(--ink-light-dim);border-color:var(--ink-light-faint)}.clear-menu-separator{height:1px;margin:var(--space-2) var(--space-3);background:var(--popup-border)}:is(#songBar,.transport-play-row,.transport-row,.mobile-preset-row) .song-bar-ghost{background-color:transparent;border-color:transparent;color:var(--chrome-3)}:is(#songBar,.transport-play-row,.transport-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,.transport-row,.mobile-preset-row) .song-bar-ghost:active{border-color:transparent;color:var(--chrome-selected)}@media(hover:none){:is(#songBar,.transport-play-row,.transport-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:auto;min-width:68px;padding:0 var(--space-2);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:var(--tracking-control);text-transform:uppercase;white-space:nowrap}.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);font-family:var(--font-mono);font-variant-numeric:tabular-nums;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}.song-bar-group--tempo{flex-wrap:wrap;row-gap:0;column-gap:var(--space-2);width:120px}@media(min-width:1280px){#songBar:not(.sbf-gap){--song-bar-select-w: clamp(150px, calc((100vw - 1280px)*.1 + 150px) , 340px)}#songBar:not(.sbf-gap) .song-bar-group--tempo{width:clamp(120px,calc((100vw - 1280px)*.083 + 120px),280px)}}#songBar .song-bar-group--tempo{transform:translateY(2px)}.song-bar-tap{height:var(--space-6);padding:0 var(--space-2);font-size:var(--text-xs);line-height:1;letter-spacing:var(--tracking-control);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)}#songBar .song-bar-tap:before,.transport-row #tapTempoButton:before{content:"";position:absolute;top:-6px;right:0;bottom:-4px;left:0}.transport-row #tapTempoButton:before{top:-9px;right:0;bottom:-1px;left:0;z-index:1}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-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);line-height:1}#tempoValue{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}#tempoValue:hover{background:var(--surface-tint-1)}#tempoValue:focus-visible{outline:2px solid var(--color-active);outline-offset:var(--space-1)}#tempoValue.tempo-editing{cursor:text;outline:none;background:color-mix(in srgb,var(--chrome-5) 10%,transparent);color:var(--chrome-selected);-webkit-user-select:text;user-select:text}.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-meter{display:inline-flex;align-items:center;position:relative}.song-bar-meter #timeSigSelectBox{height:var(--song-bar-control-h);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.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:var(--radius-md);padding:var(--space-1);gap:0}.song-bar-mode-cluster .song-bar-mode-btn{width:auto;min-width:30px;height:var(--control-height-md);border:none;border-radius:var(--radius)}.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:var(--opacity-disabled);cursor:not-allowed}.song-bar-mode-btn:focus-visible{outline:2px solid var(--color-active);outline-offset:var(--space-1);position:relative;z-index:1}@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%}}#songBar.sbf-gap{gap:var(--space-2)}#songBar.sbf-gap .song-bar-divider,#songBar.sbf-declutter .song-bar-action .controlButton-label{display:none}#songBar.sbf-declutter .song-bar-action{width:auto;min-width:var(--song-bar-control-h)}#songBar.sbf-declutter .song-bar-action svg{width:16px;height:16px}#songBar.sbf-declutter .header-undo-redo svg{width:20px;height:20px}#songBar.sbf-shrink #playStopButton.song-bar-play{min-width:60px;padding:0 var(--space-2);font-size:var(--text-xs)}#songBar.sbf-shrink .song-bar-play .play-stop-icon{width:14px;height:14px}#songBar.sbf-shrink .song-bar-icon-btn svg{width:12px;height:12px}#songBar.sbf-shrink .song-bar-grid-size #gridSizeSelectBox{min-width:max-content;text-align:center}#songBar.sbf-shrink .song-bar-meter #timeSigSelectBox{min-width:max-content;font-size:var(--text-2xs)}#songBar.sbf-shrink .song-bar-scale #scaleSelectBox,#songBar.sbf-shrink .song-bar-preset #presetSelectBox{padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-2xs);line-height:var(--song-bar-control-h);text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#songBar.sbf-shrink .song-bar-picker .presetNavButton,#songBar.sbf-shrink .song-bar-picker .presetRandomButton{width:16px}#songBar.sbf-shrink .song-bar-group--tempo{width:92px}#songBar.sbf-shrink .song-bar-tempo-value{font-size:var(--text-xs)}#songBar.sbf-shrink .song-bar-mode-btn{width:28px}#songBar.sbf-drop-cluster .song-bar-group--view-toggles .song-bar-mode-cluster{display:none}.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: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:var(--tracking-body);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:var(--radius);color:var(--chrome-4);font-size:var(--text-xs)}.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{align-self:flex-start}.fmModeToggleButton--active{background:transparent;color:var(--color-active);border-color:var(--color-active)}.fmModeToggleButton--active:hover{color:color-mix(in srgb,var(--color-active),white 40%);border-color:color-mix(in srgb,var(--color-active),white 40%)}.fm-controls{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.wavetableModeToggleButton--active{background:transparent;color:var(--color-active);border-color:var(--color-active)}.wavetableModeToggleButton--active:hover{color:color-mix(in srgb,var(--color-active),white 40%);border-color:color-mix(in srgb,var(--color-active),white 40%)}.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:var(--text-sm);line-height:1.45;color:var(--chrome-4);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-border);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:var(--space-1)}.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;border-bottom:var(--border-control) solid var(--chrome-border);flex:1;min-width:0}.fm-section-help{align-self:center}.fm-page-mix{display:flex;flex-direction:column;gap:var(--space-1)}.fm-mix-row{display:grid;grid-template-columns:24px 22px minmax(0,1fr) 54px 38px 24px 24px;gap:var(--space-1);align-items:center;padding:var(--space-2);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius)}.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:var(--text-3xs);color:var(--chrome-5);font-weight:500;text-align:center;padding:var(--space-1) 0;background:var(--surface-tint-2);border-radius:var(--radius-sm);transform:scale(calc(1 + var(--op-activity, 0) * .15));transition:transform 60ms linear}.fm-mix-role{font-size:var(--text-3xs);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:var(--radius-sm);position:relative}.fm-mix-slider-fill{position:absolute;left:0;top:0;bottom:0;background:var(--chrome-5);border-radius:var(--radius-sm)}.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:var(--space-1) var(--space-2);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:ns-resize;touch-action:none;overflow:hidden;white-space:nowrap}.fm-mix-fb--zero{color:var(--chrome-3)}.fm-mix-fb--no-feedback{color:var(--chrome-3);border-style:dashed}.fm-mix-pan{height:6px;background:var(--slider-track);border-radius:var(--radius-sm);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:var(--radius-sm)}.fm-mix-pan-cell{display:flex;flex-direction:column;gap:var(--space-1);align-items:stretch;justify-content:center}.fm-mix-pan-label{font-size:var(--text-xs);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:var(--space-1);border-radius:var(--radius)}.fm-mix-s,.fm-mix-m{width:22px;height:22px;border-radius:var(--radius-sm);font-size:var(--text-xs);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:var(--ink-dark)}.fm-mix-m[aria-pressed=true]{background:var(--color-mute);color:var(--ink-light)}.fm-page-pitch{display:flex;flex-direction:column;gap:var(--space-1)}.fm-pitch-header{display:grid;grid-template-columns:24px 22px 54px 36px 42px 46px;gap:var(--space-3);padding:0 var(--space-4) var(--space-2);font-size:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-body);text-align:center}.fm-pitch-row{display:grid;grid-template-columns:24px 22px 54px 36px 42px 46px;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius)}.fm-pitch-tag{font-size:var(--text-3xs);color:var(--chrome-5);font-weight:500;text-align:center;padding:var(--space-1) 0;background:var(--surface-tint-2);border-radius:var(--radius-sm)}.fm-pitch-role{font-size:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;text-align:center}.fm-pitch-ratio{padding:var(--space-1) var(--space-2);background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:var(--radius-sm);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:var(--space-1) var(--space-2);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius-sm);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:var(--radius-lg);padding:var(--space-1) var(--space-2);font-size:var(--text-3xs);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:var(--ink-dark);border-color:var(--color-active)}.fm-pitch-row--fixed .fm-pitch-ratio,.fm-pitch-row--fixed .fm-pitch-fine{opacity:.4;pointer-events:none}.fm-pitch-hz--disabled{opacity:var(--opacity-disabled);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:var(--tracking-body);color:var(--chrome-3)}.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:var(--space-1)}.fm-mod-noise-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius);margin-top:var(--space-5)}.fm-mod-noise-label{font-size:var(--text-3xs);color:var(--chrome-4);text-transform:uppercase;letter-spacing:var(--tracking-body);font-weight:500}.fm-mod-noise-routing{padding:var(--space-1) var(--space-2);background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:var(--radius-sm);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:var(--space-3);padding:0 var(--space-4) var(--space-2);font-size:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-body)}.fm-mod-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 50px;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius)}.fm-mod-tag{font-size:var(--text-3xs);color:var(--chrome-5);font-weight:500;text-align:center;padding:var(--space-1) 0;background:var(--surface-tint-2);border-radius:var(--radius-sm)}.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:var(--space-1) var(--space-2);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:ns-resize;touch-action:none}.fm-mod-wave{padding:var(--space-1) var(--space-2);background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:var(--radius-sm);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:var(--space-1) var(--space-2);background:var(--surface-tint-1);border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:ns-resize;touch-action:none}.fm-mod-noise-type{flex:0 0 auto;padding:var(--space-1) var(--space-2);background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:var(--radius-sm);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:var(--space-1);padding:var(--space-1);background:var(--surface-tint-1);border-radius:var(--radius)}.fm-env-op{flex:1;padding:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--chrome-3);border-radius:var(--radius-sm);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:var(--radius);padding:var(--space-3);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:var(--opacity-disabled);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:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-body);padding:var(--space-2) 0}.fm-env-pitch-enable{background:var(--surface-tint-2);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-1) var(--space-4);font-size:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;cursor:pointer}.fm-env-pitch-enable[aria-pressed=true]{background:var(--color-active);color:var(--ink-dark);border-color:var(--color-active)}.fm-env-canvas{width:100%;height:80px;display:block;-webkit-user-select:none;user-select:none;touch-action:none}.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:var(--space-1)}.fm-env-stage-values{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);margin-top:var(--space-2);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:var(--text-3xs)}.fm-env-stage-label-x{color:var(--chrome-4)}.fm-env-stage-label-y{color:var(--chrome-3)}.fm-env-axis-hint{margin:var(--space-1) 0 0;text-align:center;font-size:var(--text-3xs);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}@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:var(--text-2xs)}.fm-mix-s,.fm-mix-m{width:22px;height:22px;font-size:var(--text-xs)}.fm-env-op{padding:var(--space-4);min-height:var(--control-height-lg)}.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:var(--space-2);column-gap:var(--space-2)}.fm-mod-keyScl,.fm-mod-vel,.fm-mod-rateKs,.fm-mod-amSens{min-height:var(--control-height-lg);display:flex;align-items:center;justify-content:flex-end}.fm-mod-noise-routing{min-height:var(--control-height-lg)}}.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:var(--space-2) var(--space-4);background:var(--surface-tint-2);border-bottom:1px solid var(--surface-border);color:var(--chrome-3);font-size:var(--text-3xs);font-weight:700;letter-spacing:var(--tracking-control);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:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-body)}.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:var(--text-3xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-body);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%;flex-shrink:0;padding:var(--space-4) var(--space-5);font-size:var(--text-xs);color:var(--chrome-3);box-sizing:border-box}.footer-left{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.footer a,.footer span{color:var(--chrome-3);text-decoration:none}.footer a:hover{color:var(--chrome-4)}.footer-sep{color:var(--chrome-1);-webkit-user-select:none;user-select:none}@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{flex:1}.mobile-preset-row .song-bar-preset{flex:1.5}.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 .song-bar-picker .presetNavButton{height:var(--space-9);width:var(--space-6)}.mobile-preset-row #presetPrev:before,.mobile-preset-row #presetNext:before{content:"";position:absolute;inset-block:0}.mobile-preset-row #presetPrev:before{inset-inline:-7px -3px}.mobile-preset-row #presetNext:before{inset-inline:-3px -7px;z-index:1}.mobile-preset-row .song-bar-picker .presetRandomButton{height:var(--space-9);width:var(--space-9)}.mobile-preset-row #scalePrev,.mobile-preset-row #presetPrev{margin-inline-end:var(--space-1)}.mobile-preset-row #scaleNext,.mobile-preset-row #presetNext{margin-inline-start:var(--space-1)}.mobile-preset-row #scalePrev,.mobile-preset-row #scaleNext{display:none}}#iconRail{display:flex;flex-direction:row;width:100%;max-width:280px;min-width:0;height:44px;min-height:44px;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-active),white 40%);background-color:transparent}}.rail-icon:active{color:var(--chrome-5)}.rail-icon.active{color:var(--color-active);border-bottom:3px solid var(--color-active)}.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;overflow-anchor: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}}}@media(min-width:769px){#iconRail{flex-direction:column;width:44px;min-width:44px;max-width:none;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto}.rail-icon{border-bottom:none;border-left:2px solid transparent}.rail-icon.active{border-bottom:none;border-left:3px solid var(--color-active)}#panelContainer{display:none}body.control-panel-open #panelContainer{display:block;flex:0 0 280px;width:280px;min-width:280px;overflow:visible}}.panel-header{display:none}.panel-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-display);color:var(--chrome-3);margin:0}.panel-body{padding:0 var(--space-2) var(--space-5) 0;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-1)}#panelSequencer .panel-body{gap:var(--space-5)}#panelEdit .panel-body,#panelOptions .panel-body,#panelSongSettings .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:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--chrome-3);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:row;flex:1;min-height:0}#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-3);cursor:pointer;font-size:var(--text-xs);letter-spacing:var(--tracking-control);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-sm);color:var(--chrome-3);margin-left:var(--space-2)}#fxTab2Content>.lfo-pwm-hint{grid-column:1 / -1}@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-active);border-bottom:none;border-top-color:var(--color-active)}#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;width:var(--panel-width-mobile);min-width:0;max-width:100vw;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-top:1px solid var(--surface-tint-4);border-right:1px solid var(--surface-tint-4);border-left:1px solid var(--surface-tint-4);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background-color:var(--background-color)}.slide-panel.open{transform:translateY(0)}.panel-body{padding:var(--space-1) var(--space-3);overscroll-behavior:contain}.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:40px;flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-play-row #midiRecordButton{flex:0 0 auto}.transport-row{display:flex;gap:var(--space-3);align-items:center}.transport-row .tempoCol{flex:1;min-width:0;transform:translateY(1px)}.transport-row .controlButton{flex:0 0 auto;min-width:0;height:30px;padding:0 var(--space-3);font-size:var(--text-xs);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-row #clearButton{width:var(--control-height-md);height:var(--control-height-md);padding:0;justify-content:center}.transport-row #clearButton .controlButton-label{display:none}.transport-row #clearButton svg{width:16px;height:16px}.transport-row .header-undo-redo{flex:0 0 auto;width:var(--control-height-md);height:var(--control-height-md);padding:0}.transport-row .controlButton:has(.tooltip){overflow:visible}.transport-row .controlButton>.tooltip,.transport-row .gridSizeSelectContainer>.tooltip{max-width:min(260px,calc(100vw - 16px));white-space:normal}.transport-row :is(.gridSizeSelectContainer,.timeSigSelectContainer){flex:0 0 auto;position:relative;display:flex;align-items:stretch}.transport-row :is(#gridSizeSelectBox,#timeSigSelectBox){padding:0 var(--space-8) 0 var(--space-3);height:var(--control-height-md);font-size:var(--text-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums}#transportControls .presetContainer{margin:0}.transport-play-row{order:1}.transport-row{order:2}.mobile-preset-row{order:3}.boxesLabel{font-size:var(--text-md)}}#errorMessage{color:var(--color-stop);text-align:center}.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(--popup-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);font-family:inherit;font-size:var(--text-xs);color:var(--chrome-4);-webkit-user-select:none;user-select:none;animation:popover-in var(--duration-fast) var(--ease-out-quart)}@keyframes popover-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}.modal-shell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-frosted);backdrop-filter:blur(var(--blur-scrim));-webkit-backdrop-filter:blur(var(--blur-scrim));display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:modal-shell-fade var(--transition-fast)}.modal-shell-surface{background-color:var(--surface-darker);border:var(--border-control) solid var(--popup-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);color:var(--main-font-color);max-width:min(90vw,520px);max-height:85vh;overflow-y:auto;animation:modal-shell-rise var(--transition-reveal)}.modal-shell-surface--framed{display:flex;flex-direction:column;overflow:hidden}.modal-shell-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-7) var(--space-8) 0}.modal-shell-header--bare{justify-content:flex-end;margin-bottom:calc(-1 * var(--space-6))}.modal-shell-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-display);color:var(--chrome-3)}.modal-shell-close,.panel-close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background:transparent;border:none;border-radius:var(--radius);color:var(--chrome-3);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.modal-shell-close{margin-inline-end:calc(-1 * var(--space-2))}.modal-shell-close:hover,.panel-close:hover{color:var(--chrome-5);background-color:var(--surface-tint-3)}.modal-shell-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6) var(--space-8) var(--space-8)}@media only screen and (max-width:768px){.modal-shell-header{padding:var(--space-6) var(--space-6) 0}.modal-shell-body{padding:var(--space-5) var(--space-6) var(--space-6)}}@keyframes modal-shell-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-shell-rise{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}#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 - 244px)}#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(--radius-sm)}#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:var(--space-2)}.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}@keyframes page-thumb-glow-out{0%{opacity:1}to{opacity:0}}.page-thumb--new:after{content:"";position:absolute;top:0;right:0;bottom:0;width:64px;border-radius:var(--radius-sm);pointer-events:none;box-shadow:0 0 3px color-mix(in srgb,var(--chrome-5),transparent 55%);animation:page-thumb-glow-out .5s linear both}.page-thumb-canvas-wrap{position:relative;width:64px;height:64px;border:var(--border-control) solid var(--strip-border);border-radius:var(--radius-sm);overflow:hidden}.page-thumb:hover .page-thumb-canvas-wrap{border-color:var(--chrome-1)}.page-thumb:not(.active):hover .page-thumb-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-control) solid var(--chrome-1);border-radius:var(--radius-sm);pointer-events:none;z-index:4}.page-thumb.active .page-thumb-canvas-wrap{border-color:var(--chrome-3)}.page-thumb.active .page-thumb-canvas-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-control) solid var(--chrome-3);border-radius:var(--radius-sm);pointer-events:none;z-index:4}.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:var(--text-xs);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:var(--space-1);border-radius:var(--radius);pointer-events:none;line-height:1;z-index:1}.page-thumb-repeat{box-sizing:border-box;flex:0 1 auto;height:16px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-1);font-size:var(--text-xs);font-family:inherit;line-height:1;color:var(--chrome-3);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.page-thumb-repeat:hover{color:var(--chrome-5);background:var(--surface-tint-3)}.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;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:var(--radius-sm)}.page-repeat-dropdown input[type=range]::-moz-range-track{width:100%;height:2px;background:var(--slider-track);border-radius:var(--radius-sm)}.page-repeat-dropdown input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:var(--radius-sm)}.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}.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}.page-jump-count-select:focus{border-color:var(--color-active)}.page-thumb-actions{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:0;padding:var(--space-1) 0;background:var(--overlay-mid);z-index:5;white-space:nowrap;opacity:0;pointer-events:none}@media(hover:hover){.page-thumb:hover .page-thumb-actions{opacity:1;pointer-events:auto}}.page-thumb.show-actions .page-thumb-actions,.page-thumb:focus-within .page-thumb-actions{opacity:1;pointer-events:auto}.page-thumb-delete,.page-thumb-duplicate{box-sizing:border-box;flex:0 0 auto;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--chrome-4);cursor:pointer;font-size:var(--text-xs);font-family:inherit;line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.page-thumb-delete{color:color-mix(in srgb,var(--color-danger) 75%,transparent)}.page-thumb-delete svg{stroke-width:3.5}.page-thumb-delete:hover{color:var(--color-danger-active);background:var(--surface-tint-3)}.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(--chrome-5);background:var(--surface-tint-3)}.page-thumb-repeat,.page-thumb-duplicate,.page-thumb-delete{position:relative}.page-thumb-repeat:before,.page-thumb-duplicate:before,.page-thumb-delete:before{content:"";position:absolute;top:-2px;right:0;bottom:-6px;left:0}.page-add-btn{width:64px;height:64px;flex-shrink:0;background:transparent;border:1px dashed var(--strip-border);border-radius:var(--radius-sm);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:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.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;padding-top:calc(var(--space-4) * 2);margin-top:calc(-1 * var(--space-4));padding-bottom:var(--space-2);margin-bottom:calc(-1 * var(--space-2));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-2) var(--space-2)}}}@media(hover:none)and (min-width:769px){#pageStrip,.page-thumb{touch-action:pan-x pan-y}}.mini-playhead{position:absolute;top:0;left:0;height:100%;width:1px;background:var(--grid-ring);pointer-events:none;z-index:2;will-change:transform}@property --glow-a{syntax: "<number>"; inherits: false; initial-value: 1;}@property --glow-d{syntax: "<number>"; inherits: false; initial-value: 1;}@property --glow-r{syntax: "<number>"; inherits: false; initial-value: 1;}.note-glow{--glow-k: calc(var(--glow-a, 1) * (var(--glow-s, 1) + (1 - var(--glow-s, 1)) * var(--glow-d, 1)) * var(--glow-r, 1) * var(--glow-v, 1));--glow-c: color-mix(in srgb, var(--glow-color, yellow) calc(var(--glow-k) * 100%), transparent);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:transparent;box-shadow:0 0 9px 3px var(--glow-c);animation:glowFade var(--glow-duration, .3s) ease-out forwards}.gridButton.active.note-head .note-glow,.gridButton.arp-ghost-head .note-glow{box-shadow:-9px 0 9px -3px var(--glow-c),0 -9px 9px -3px var(--glow-c),0 9px 9px -3px var(--glow-c);clip-path:inset(-20px 0 -20px -20px)}.gridButton.active.note-body .note-glow,.gridButton.arp-ghost-body .note-glow{box-shadow:0 -9px 9px -3px var(--glow-c),0 9px 9px -3px var(--glow-c);clip-path:inset(-20px 0 -20px 0)}.gridButton.active.note-tail .note-glow,.gridButton.arp-ghost-tail .note-glow{box-shadow:9px 0 9px -3px var(--glow-c),0 -9px 9px -3px var(--glow-c),0 9px 9px -3px var(--glow-c);clip-path:inset(-20px -20px -20px 0)}.gridButton.arp-ghost .note-glow{--glow-c: color-mix(in srgb, var(--glow-color) calc(var(--glow-k) * 50%), transparent)}.note-glow.note-glow--env{animation:glowRise var(--glow-rise) linear,glowDecay var(--glow-decay) ease-out var(--glow-rise) forwards,glowRelease var(--glow-fall) ease-out var(--glow-fall-at) forwards}.note-glow.note-glow--miss{animation:glowMiss var(--glow-duration) ease-out forwards}.note-glow.note-glow--echo{--glow-a: 1;animation:glowEchoOff var(--duration-instant) steps(1,start) var(--glow-duration) forwards}@keyframes glowEchoOff{to{--glow-a: 0}}@property --glide-p{syntax: "<number>"; inherits: false; initial-value: 0;}.note-glow.note-glow--glide{z-index:calc(var(--z-playhead) - 1);translate:0 calc(var(--glide-p, 0) * var(--glide-from) * (100% + 2.5px));animation:glowFade var(--glow-duration) ease-out forwards,glideSweep var(--glide-time) linear forwards}.note-glow.note-glow--env.note-glow--glide{animation:glowRise var(--glow-rise) linear,glowDecay var(--glow-decay) ease-out var(--glow-rise) forwards,glowRelease var(--glow-fall) ease-out var(--glow-fall-at) forwards,glideSweep var(--glide-time) linear forwards}@keyframes glideSweep{0%{--glide-p: 1}to{--glide-p: 0}}@keyframes glowMiss{0%{--glow-a: .4}to{--glow-a: 0}}@keyframes glowRise{0%{--glow-a: 0}to{--glow-a: 1}}@keyframes glowDecay{0%{--glow-d: 1}to{--glow-d: 0}}@keyframes glowRelease{0%{--glow-r: 1}to{--glow-r: 0}}@keyframes glowFade{0%,80%{--glow-a: 1}to{--glow-a: 0}}@media(prefers-reduced-motion:reduce){.note-glow,.note-glow.note-glow--env,.note-glow.note-glow--glide,.note-glow.note-glow--env.note-glow--glide{--glow-a: 1;animation:none}}@media(prefers-reduced-motion:reduce){.note-glow.note-glow--miss{--glow-a: .4;animation:none}}.keyboard-help-overlay{align-items:flex-start;padding-top:15vh}.keyboard-help-modal{max-width:460px;width:90%;max-height:80vh;color:var(--chrome-3)}.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-3);line-height:1.4}.keyboard-help-modal h2{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--chrome-3);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-3);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}@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)}}.gi-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);pointer-events:none}.gi-spotlight-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface-darker) 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;transition:background-color var(--duration-slow) var(--ease-out-expo)}.gi-spotlight--solid .gi-spotlight-scrim{background:color-mix(in srgb,var(--surface-darker) 70%,transparent)}.gi-spotlight--reveal .gi-spotlight-scrim{background:color-mix(in srgb,var(--surface-darker) 45%,transparent)}.gi-spotlight-ring{position:fixed;border-radius:var(--radius);pointer-events:none;box-shadow:0 0 0 2px var(--color-active),0 0 0 6px color-mix(in srgb,var(--color-active) 35%,transparent);animation:gi-ring 1.4s ease-in-out infinite}@keyframes gi-ring{0%,to{box-shadow:0 0 0 2px var(--color-active),0 0 0 4px color-mix(in srgb,var(--color-active) 45%,transparent)}50%{box-shadow:0 0 0 2px var(--color-active),0 0 0 10px color-mix(in srgb,var(--color-active) 0%,transparent)}}.gi-notations{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);pointer-events:none}.gi-notations svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.gi-notation-mark{fill:none;stroke:var(--color-active);stroke-width:2.5;stroke-linecap:round;opacity:.9;animation:gi-notation-in .2s var(--ease-out-quart)}.gi-notation-mark--echo{opacity:.55;stroke-width:2}.gi-notation-label{position:absolute;font-size:var(--text-sm);font-weight:600;color:var(--color-active);white-space:nowrap;text-shadow:0 1px 6px var(--surface-darker);animation:gi-notation-in .2s var(--ease-out-quart)}@keyframes gi-notation-in{0%{opacity:0}}.gi-card{position:fixed;z-index:calc(var(--z-overlay) + 1);display:flex;flex-direction:column;gap:var(--space-4);width:min(360px,calc(100vw - var(--space-8)));padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-darker) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--popup-border);box-shadow:var(--shadow-modal);color:var(--main-font-color);font-size:var(--text-md);animation:gi-card-in var(--duration-slow) var(--ease-out-expo)}@keyframes gi-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gi-card--ready{transition:left var(--duration-slow) var(--ease-out-expo),top var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.gi-card--centered{left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - var(--space-8)));text-align:center;align-items:center}.gi-card-dots{display:flex;gap:var(--space-4)}.gi-card--centered .gi-card-dots{justify-content:center}.gi-card-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--surface-tint-5)}.gi-card-dot.done{background:var(--color-active)}.gi-card-dot--pop{animation:gi-dot-pop .2s var(--ease-out-quart)}@keyframes gi-dot-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.gi-card-dots--sweep .gi-card-dot{animation:gi-dot-pop .24s var(--ease-out-quart) backwards}.gi-card-dots--sweep .gi-card-dot:nth-child(2){animation-delay:70ms}.gi-card-dots--sweep .gi-card-dot:nth-child(3){animation-delay:.14s}.gi-card-dots--sweep .gi-card-dot:nth-child(4){animation-delay:.21s}.gi-card-dots--sweep .gi-card-dot:nth-child(5){animation-delay:.28s}.gi-card-dots--sweep .gi-card-dot:nth-child(6){animation-delay:.35s}.gi-card-copy{display:flex;flex-direction:column;gap:var(--space-2)}.gi-card--centered .gi-card-copy{align-items:center}.gi-card-title{margin:var(--space-3) 0;line-height:1.25;font-size:var(--text-lg);font-weight:700}.gi-card-text{margin:0;line-height:1.4;font-size:var(--text-md);font-weight:400;color:var(--chrome-4)}.gi-card-title--in,.gi-card-text--in{animation:gi-text-in .18s var(--ease-out-quart)}@keyframes gi-text-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.gi-card-action{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.gi-card--centered .gi-card-action{justify-content:center}.gi-card--handoff .gi-card-action{margin-top:var(--space-6)}.gi-card-cta{border:var(--border-control) solid var(--color-active);cursor:pointer;background:var(--surface-tint-2);color:var(--color-active);font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.gi-card-cta:hover{background:var(--surface-tint-3);border-color:var(--color-active-bright);color:var(--color-active-bright)}.gi-card-cta--secondary{border-color:var(--chrome-2);background:transparent;color:var(--chrome-4)}.gi-card-cta--secondary:hover{border-color:var(--chrome-4);background:var(--surface-tint-2);color:var(--main-font-color)}.gi-card-extra{align-self:stretch}.gi-card-extra[hidden]{display:none}.gi-handoff-links{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-6);border-top:var(--border-control) solid var(--surface-tint-2)}.gi-handoff-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:68px;padding:var(--space-4) var(--space-2);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-tint-2);border-radius:var(--radius-md);color:var(--chrome-4);font-size:var(--text-xs);font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.gi-handoff-tile svg{flex-shrink:0;opacity:.75}.gi-handoff-tile:hover{background:var(--surface-tint-2);border-color:var(--chrome-border);color:var(--chrome-5)}.gi-handoff-tile:hover svg{opacity:1}.gi-handoff-tile--discord svg{color:var(--color-discord);opacity:1}.gi-handoff-tile:focus-visible{outline:1px solid var(--color-active);outline-offset:var(--space-1)}.gi-handoff-tile-label{line-height:1.25;overflow-wrap:anywhere}.gi-card-footer{display:flex;align-items:center;align-self:stretch}.gi-card-back,.gi-card-skip{border:none;background:none;cursor:pointer;color:var(--chrome-3);font-size:var(--text-xs)}.gi-card-back{display:inline-flex;align-items:center;gap:var(--space-1)}[dir=rtl] .gi-card-back svg{transform:scaleX(-1)}.gi-card-skip{margin-inline-start:auto}.gi-card-back[hidden],.gi-card-skip[hidden]{display:none}.gi-card-back:hover,.gi-card-skip:hover{color:var(--chrome-4)}@media(prefers-reduced-motion:reduce){.gi-card{animation:none}.gi-card--ready{transition:none}.gi-card-title--in,.gi-card-text--in,.gi-card-dot--pop,.gi-card-dots--sweep .gi-card-dot{animation:none}.gi-spotlight-scrim{transition:none}.gi-spotlight-ring{animation:none;box-shadow:0 0 0 2px var(--color-active),0 0 0 5px color-mix(in srgb,var(--color-active) 40%,transparent)}.gi-notation-mark,.gi-notation-label{animation:none}}@media(max-width:768px){.gi-card{left:var(--space-5);right:var(--space-5);width:auto;bottom:var(--space-5);top:auto}.gi-card--centered{transform:none}.gi-card--mid{top:50%;bottom:auto;transform:translateY(-50%)}.gi-handoff-tile--desktop{display:none}}.header-banner-row{flex:1 0 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.gi-banner{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface-tint-1);border:1px solid color-mix(in srgb,var(--color-active) 45%,transparent);border-radius:var(--radius-pill);animation:gi-banner-in var(--duration-slow) var(--ease-out-expo) var(--duration-slow) backwards;transition:opacity var(--transition-fast)}.gi-banner--out{opacity:0}.gi-banner--simple{border-color:color-mix(in srgb,var(--color-triangle) 45%,transparent)}.gi-banner--simple .gi-banner-cta svg{color:var(--color-triangle)}@keyframes gi-banner-in{0%{opacity:0;translate:0 -6px}}.gi-banner-cta{display:flex;align-items:center;gap:var(--space-3);height:var(--control-height-md);padding:0 var(--space-5) 0 var(--space-4);border:none;background:transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-body);white-space:nowrap;color:var(--chrome-4);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.gi-banner-cta svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-active);flex-shrink:0}.gi-banner-label-compact{display:none}@media(max-width:1010px){.gi-banner-label-full{display:none}.gi-banner-label-compact{display:inline}}.gi-banner-cta:hover,.gi-banner-cta:focus-visible{color:var(--chrome-5);background:var(--surface-tint-3)}.gi-banner-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--chrome-3);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.gi-banner-dismiss svg{width:var(--icon-xs);height:var(--icon-xs)}.gi-banner-dismiss:hover,.gi-banner-dismiss:focus-visible{color:var(--chrome-4);background:var(--surface-tint-3)}#helpButton.gi-tour-hint,#headerMenuButton.gi-tour-hint{animation:gi-tour-pulse 1.3s ease-in-out 1}@keyframes gi-tour-pulse{0%,to{border-color:color-mix(in srgb,var(--color-active) 0%,transparent);box-shadow:0 0 color-mix(in srgb,var(--color-active) 0%,transparent)}50%{border-color:color-mix(in srgb,var(--color-active) 70%,transparent);box-shadow:0 0 7px color-mix(in srgb,var(--color-active) 25%,transparent)}}#helpButton.sm-simple-hint{animation:sm-simple-pulse 1.3s ease-in-out 1}@keyframes sm-simple-pulse{0%,to{border-color:color-mix(in srgb,var(--color-triangle) 0%,transparent);box-shadow:0 0 color-mix(in srgb,var(--color-triangle) 0%,transparent)}50%{border-color:color-mix(in srgb,var(--color-triangle) 70%,transparent);box-shadow:0 0 7px color-mix(in srgb,var(--color-triangle) 25%,transparent)}}@media(prefers-reduced-motion:reduce){.gi-banner{animation:none}#helpButton.gi-tour-hint,#headerMenuButton.gi-tour-hint{animation:none;border-color:color-mix(in srgb,var(--color-active) 70%,transparent);box-shadow:0 0 7px color-mix(in srgb,var(--color-active) 25%,transparent)}#helpButton.sm-simple-hint{animation:none;border-color:color-mix(in srgb,var(--color-triangle) 70%,transparent);box-shadow:0 0 7px color-mix(in srgb,var(--color-triangle) 25%,transparent)}}@media(max-width:934px){.header-banner-row{display:none}}@media(max-width:768px){.header-banner-row:has(>.gi-banner--phone){display:flex}.header-banner-row>:not(.gi-banner--phone){display:none}#header:has(.gi-banner--phone){column-gap:var(--space-4)}#header:has(.gi-banner--phone)>.header-items{flex-shrink:1;min-width:0}#header:has(.gi-banner--phone) .header-right{flex-shrink:0}#header:has(.gi-banner--phone) .logo{max-width:min(200px,100%);min-width:0}#header:has(.gi-banner--phone) #share-button .share-button-text{display:none}.gi-banner--phone .gi-banner-label-full{display:inline}.gi-banner--phone .gi-banner-label-compact{display:none}}@media(max-width:359px){.gi-banner--phone .gi-banner-label-full{display:none}.gi-banner--phone .gi-banner-label-compact{display:inline}}.gs-panel{display:flex;flex-direction:column;flex:0 0 auto;width:232px;align-self:stretch;padding:var(--space-5) var(--space-6);gap:var(--space-5);background:var(--surface-tint-1);border-inline-start:1px solid var(--surface-border);color:var(--main-font-color);font-size:var(--text-sm);animation:gs-panel-in var(--duration-slow) var(--ease-out-expo)}@keyframes gs-panel-in{0%{opacity:0;translate:6px 0}}.gs-panel{position:relative}.gs-panel-bar{position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:var(--surface-tint-3);pointer-events:none}.gs-panel-bar-fill{height:100%;inline-size:0;background:var(--color-active);transition:inline-size var(--duration-slow) var(--ease-out-quart)}.gs-panel-header{display:flex;align-items:center;gap:var(--space-3)}.gs-panel-title{margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--chrome-3)}.gs-panel-progress{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--chrome-3)}.gs-panel-unfold,.gs-panel-hide{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);margin-inline-start:auto;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--chrome-3);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.gs-panel-unfold:hover,.gs-panel-unfold:focus-visible,.gs-panel-hide:hover,.gs-panel-hide:focus-visible{color:var(--chrome-5);background:var(--surface-tint-3)}.gs-panel-unfold{display:none}.gs-chapters{display:flex;flex-direction:column;gap:var(--space-4)}.gs-chapter{display:flex;flex-direction:column;gap:var(--space-2)}.gs-chapter-heading{margin:0}.gs-chapter-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-height-sm);padding:0 var(--space-3) 0 var(--space-1);border:none;border-radius:var(--radius);background:transparent;color:var(--main-font-color);font-size:var(--text-xs);font-weight:600;text-align:start;cursor:pointer;transition:background-color var(--transition-fast)}.gs-chapter-toggle:focus-visible{background:var(--surface-tint-3)}@media(hover:hover){.gs-chapter-toggle:hover{background:var(--surface-tint-3)}}.gs-chapter-chevron{display:inline-flex;color:var(--chrome-3);transition:rotate var(--transition-fast)}.gs-chapter-toggle[aria-expanded=false] .gs-chapter-chevron{rotate:-90deg}.gs-chapter-title{flex:1;min-width:0}.gs-chapter-progress{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;color:var(--chrome-3)}.gs-chapter--done .gs-chapter-title,.gs-chapter--done .gs-chapter-progress{color:var(--chrome-3)}.gs-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.gs-list[hidden]{display:none}.gs-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-md);padding:0 var(--space-3);border-radius:var(--radius);color:var(--chrome-5)}.gs-item-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:var(--radius-full);border:var(--border-control) solid var(--chrome-2);color:var(--ink-dark)}.gs-item--done{color:var(--chrome-3)}.gs-item--done .gs-item-label{text-decoration:line-through}.gs-item--done .gs-item-mark{border-color:var(--chrome-2);background:var(--chrome-2)}.gs-item--current{color:var(--main-font-color);background:var(--surface-tint-2)}.gs-item--current .gs-item-mark{border-color:var(--color-active)}.gs-item{cursor:pointer;transition:background-color var(--transition-fast)}@media(hover:hover){.gs-item:hover{background:var(--surface-tint-3)}}.gs-highlight{z-index:calc(var(--z-dropdown) + 1)}.gs-highlight[hidden]{display:none}.gs-highlight--out{opacity:0;transition:opacity calc(var(--duration-slow) * 2) ease-out}.gs-pill .gi-banner-cta svg{color:var(--color-active)}@media(prefers-reduced-motion:reduce){.gs-panel{animation:none}}@media(max-width:768px){.gs-panel{position:fixed;left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom));z-index:var(--z-panel);width:auto;max-height:45vh;overflow-y:auto;border-inline-start:none;border-top:1px solid var(--surface-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-darker)}.gs-panel--folded .gs-chapters{display:none}.gs-panel--folded .gs-panel-header{cursor:pointer}.gs-panel--folded .gs-panel-unfold{display:inline-flex;margin-inline-start:auto}.gs-panel--folded .gs-panel-hide{margin-inline-start:0}#pageContainer:has(>.gs-panel--folded){margin-bottom:calc(var(--control-height-sm) + 2 * var(--space-5))}html:has(.gs-panel--folded){scroll-padding-bottom:calc(44px + env(safe-area-inset-bottom) + var(--control-height-sm) + 2 * var(--space-5))}}.gs-choice{display:flex;flex-direction:column;gap:var(--space-4);width:min(90vw,360px);padding:var(--space-7) var(--space-8)}.gs-choice-title{margin:0;font-size:var(--text-lg);font-weight:700;line-height:1.25}.gs-choice-text{margin:0;color:var(--chrome-4);font-size:var(--text-md);line-height:1.4}.gs-choice-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.gs-choice-continue,.gs-choice-tour{height:var(--control-height-md);padding:0 var(--space-5);border:var(--border-control) solid var(--color-active);border-radius:var(--radius);background:var(--surface-tint-2);color:var(--color-active);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-body);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.gs-choice-tour{border-color:var(--surface-tint-5);background:transparent;color:var(--chrome-4)}.gs-choice-continue:hover,.gs-choice-continue:focus-visible,.gs-choice-tour:hover,.gs-choice-tour:focus-visible{background:var(--surface-tint-3);color:var(--main-font-color)}.gs-panel-title{display:inline-grid}.gs-panel-title-text,.gs-panel-title-done{grid-area:1 / 1}.gs-panel-title-done{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-active);visibility:hidden}.gs-panel--complete .gs-panel-title-text{visibility:hidden}.gs-panel--complete .gs-panel-title-done{visibility:visible}.gs-panel--complete .gs-panel-progress{color:var(--color-active)}.gs-panel--celebrate .gs-panel-title-text{animation:gs-title-out var(--duration-reveal) ease-out both}.gs-panel--celebrate .gs-panel-title-done{animation:gs-title-in var(--duration-reveal) ease-out var(--duration-fast) both}.gs-panel--celebrate .gs-panel-title-done polyline{stroke-dasharray:1;animation:gs-check-draw var(--duration-slow) var(--ease-out-quart) var(--duration-slow) both}@keyframes gs-title-out{0%{visibility:visible;opacity:1;transform:none}to{visibility:hidden;opacity:0;transform:translateY(-4px)}}@keyframes gs-title-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes gs-check-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.gs-celebrate{position:fixed;z-index:calc(var(--z-dropdown) + 1);pointer-events:none;overflow:visible}.gs-celebrate rect{fill:none;stroke:var(--color-active);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;animation:gs-trace calc(var(--duration-slow) * 3) ease-in-out both,gs-trace-out var(--duration-slow) ease-out calc(var(--duration-slow) * 3) forwards}@keyframes gs-trace{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes gs-trace-out{to{opacity:0}}.section-title--help{display:flex;align-items:center}.section-title--help>span{flex:1}.section-help-btn{width:16px;height:16px;padding:0;margin-left:var(--space-3);flex-shrink:0;border-radius:var(--radius-full);border:1px solid var(--chrome-1);background:transparent;color:var(--chrome-3);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{position:relative}.section-help-btn:before{content:"";position:absolute;inset-block:-5px;inset-inline:-6px -4px}.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-3);border-color:var(--chrome-1)}}.section-help-popup{max-width:260px;max-height:calc(100svh - 16px);overflow-y:auto;padding:var(--space-5) var(--space-6);font-size:var(--text-sm);font-weight:400;text-transform:none;letter-spacing:var(--tracking-body);color:var(--main-font-color);line-height:1.45;z-index:var(--z-overlay);-webkit-user-select:text;user-select:text}.section-help-line+.section-help-line{margin-top:var(--space-7)}.song-info-popover{width:min(320px,calc(100vw - 16px));max-height:calc(100svh - 16px);overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);font-size:var(--text-sm);font-weight:400;text-transform:none;letter-spacing:var(--tracking-body);color:var(--main-font-color);line-height:1.45;z-index:var(--z-overlay);-webkit-user-select:text;user-select:text}.song-info-popover-head{display:flex;flex-direction:column;gap:var(--space-2)}.song-info-popover-title{margin:0;font-size:var(--text-lg);font-weight:600;line-height:1.25;color:var(--color-active);overflow-wrap:anywhere}.song-info-popover-author,.song-info-popover-label{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--chrome-3)}.song-info-popover-author>span,.song-info-popover-label>span{min-width:0;overflow-wrap:anywhere}.song-info-popover-icon{flex:none;width:var(--icon-sm);height:var(--icon-sm)}.song-info-popover-section{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:var(--border-control) solid var(--surface-tint-2)}.song-info-popover-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label)}.song-info-popover-notes{margin:0;padding:var(--space-4) var(--space-5);background:var(--surface-tint-1);border-radius:var(--radius);color:var(--chrome-5);white-space:pre-line;overflow-wrap:anywhere}.song-info-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.song-info-detail{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border-radius:var(--radius)}.song-info-detail--wide{grid-column:1 / -1}.song-info-detail>dt{font-size:var(--text-xs);color:var(--chrome-3)}.song-info-detail>dd{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin:0;color:var(--chrome-5);overflow-wrap:anywhere}.song-info-detail-link{padding:0;border:none;background:none;font:inherit;text-align:start;color:var(--color-active);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;cursor:pointer}.song-info-detail-link:hover{color:var(--color-active-bright)}.undo-ledger{width:320px;max-width:calc(100vw - var(--space-9));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--space-2) 0;z-index:var(--z-dropdown);white-space:nowrap;text-align:left;pointer-events:auto;transform:translate(-50%)}.popover.undo-ledger{animation-name:undo-ledger-in}@keyframes undo-ledger-in{0%{opacity:0;transform:translate(-50%) translateY(var(--space-1))}to{opacity:1;transform:translate(-50%) translateY(0)}}.popover.undo-ledger--leaving{animation:undo-ledger-out var(--duration-fast) var(--ease-out-quart) forwards;pointer-events:none}@keyframes undo-ledger-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(calc(-1 * var(--space-1)))}}.undo-ledger-col{min-width:0;padding:0 var(--space-2)}.undo-ledger-col+.undo-ledger-col{border-left:var(--border-control) solid var(--surface-border)}.undo-ledger-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--chrome-3)}.undo-ledger-head svg{flex:none}.undo-ledger-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.undo-ledger-kbd{flex:none;padding:0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-3xs);font-weight:400;letter-spacing:0;text-transform:none;color:var(--chrome-3);border:var(--border-control) solid var(--surface-border);border-radius:var(--radius-sm)}.undo-ledger-list{list-style:none;margin:0;padding:0}.undo-ledger-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);color:var(--chrome-4)}.undo-ledger-row:before{content:"";flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);border:var(--border-control) solid var(--chrome-2)}.undo-ledger-row--next{color:var(--chrome-5);font-weight:500}.undo-ledger-row--next:before{background:var(--color-active);border-color:var(--color-active)}.undo-ledger-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.undo-ledger-row--moved{position:relative;transition:transform var(--duration-slow) var(--ease-out-expo);animation:undo-ledger-land calc(var(--duration-slow) * 2) var(--ease-out-quart)}@keyframes undo-ledger-land{0%{background:color-mix(in srgb,var(--color-active) 25%,transparent)}to{background:transparent}}.undo-ledger-empty{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-style:italic;color:var(--chrome-3)}.undo-ledger-more{padding:var(--space-1) var(--space-3) 0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--chrome-3)}@media(prefers-reduced-motion:reduce){.popover.undo-ledger,.popover.undo-ledger--leaving{animation:none}.undo-ledger-row--moved{transition:none;animation:none}}.help-popup{align-items:flex-start;padding-top:15vh}.help-popup-content{width:460px;max-width:calc(100vw - 32px)}.help-popup-hero{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);margin-bottom:var(--space-4);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-tint-2);border-radius:var(--radius-md)}.help-popup-hero-title{margin:0;font-size:var(--text-base);font-weight:600;color:var(--chrome-5)}.help-popup-hero-desc{margin:0;font-size:var(--text-sm);color:var(--chrome-3)}.help-popup-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.help-popup-hero-btn{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-lg);padding:var(--space-3) var(--space-5);background:transparent;border:var(--border-control) solid var(--chrome-border);border-radius:var(--radius);color:var(--chrome-4);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.help-popup-hero-btn:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.help-popup-hero-btn svg{flex-shrink:0}:root[data-simple-mode=on] #helpSimpleMode{display:none}.help-popup-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.help-popup-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-6);min-height:92px;box-sizing:border-box;padding:var(--space-5);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-tint-2);border-radius:var(--radius-md);color:var(--chrome-4);font-size:var(--text-sm);font-weight:500;text-align:start;text-decoration:none;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.help-popup-tile:hover{background:var(--surface-tint-2);border-color:var(--chrome-border);color:var(--chrome-5)}.help-popup-tile:active{background:var(--surface-tint-1)}.help-popup-tile svg{opacity:.75;transition:opacity var(--transition-fast)}.help-popup-tile:hover svg{opacity:1}.help-popup-tile-label{line-height:1.25;overflow-wrap:anywhere}.help-popup-tile--external:after{content:"";position:absolute;top:var(--space-5);inset-inline-end:var(--space-5);width:14px;height:14px;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='2' stroke-linecap='round' stroke-linejoin='round'><line x1='7' y1='17' x2='17' y2='7'/><polyline points='7 7 17 7 17 17'/></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'><line x1='7' y1='17' x2='17' y2='7'/><polyline points='7 7 17 7 17 17'/></svg>") no-repeat center / contain;transition:background-color var(--transition-fast)}.help-popup-tile--external:hover:after{background-color:var(--chrome-4)}.help-popup-tile--discord svg{color:var(--color-discord);opacity:1}.help-popup-hero-btn:focus-visible,.help-popup-tile:focus-visible{outline:1px solid var(--color-active);outline-offset:var(--space-1)}@media only screen and (max-width:768px){.help-popup-tile.help-desktop-only{display:none}.help-popup{padding-top:8vh}.help-popup-hero{padding:var(--space-5)}.help-popup-tiles{gap:var(--space-3)}.help-popup-tile{min-height:80px;gap:var(--space-4);padding:var(--space-4)}.help-popup-tile--external:after{top:var(--space-4);inset-inline-end:var(--space-4)}}@media(hover:none){.help-popup-tile:hover{background:var(--surface-tint-1);border-color:var(--surface-tint-2);color:var(--chrome-4)}.help-popup-tile:hover svg{opacity:.75}.help-popup-tile--discord:hover svg{opacity:1}}.tips-popup{align-items:flex-start;padding-top:15vh}.tips-popup-content{width:740px;max-width:calc(100vw - 32px);max-height:80vh}.tips-popup-content .modal-shell-body>main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.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:var(--tracking-tight)}.tips-popup-content .subtitle{grid-column:1 / -1;margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-3);line-height:1.4}.tips-popup-content h2{grid-column:1 / -1;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--chrome-3);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:var(--control-height-sm);margin-top:var(--space-1);color:var(--chrome-3)}.tips-popup-content .tip-title{font-size:var(--text-md);font-weight:500;color:var(--chrome-5);letter-spacing:var(--tracking-tight)}.tips-popup-content .tip-desc{font-size:var(--text-sm);color:var(--chrome-3);margin-top:var(--space-2);line-height:1.45}@media only screen and (max-width:768px){.tips-popup-content .modal-shell-body>main{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{align-items:flex-start;padding-top:15vh}.changelog-popup-content{width:500px;max-width:calc(100vw - 32px);max-height:80vh}.changelog-popup-content h1{margin:0 0 var(--space-3);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:var(--tracking-tight)}.changelog-popup-content .subtitle{margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-3);line-height:1.4}.changelog-popup-content .changelog-date{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--chrome-3);padding:var(--space-7) 0 var(--space-3);margin-top:var(--space-6);border-top:1px solid var(--surface-tint-2)}.changelog-popup-content .changelog-date:first-of-type{margin-top:0;padding-top:var(--space-2);border-top:none}.changelog-popup-content dl{margin:0;padding:0}.changelog-popup-content .changelog-date+dl{margin:0 0 var(--space-2)}.changelog-popup-content .feature-entry{padding:var(--space-3) 0}.changelog-popup-content .feature-entry dt{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:500;color:var(--chrome-5);letter-spacing:var(--tracking-tight);line-height:1.4}.changelog-popup-content .feature-entry dt:last-child{margin-bottom:0}.changelog-popup-content .feature-entry dd{margin:0;font-size:var(--text-sm);color:var(--chrome-3);line-height:1.5}.changelog-popup-content .feature-entry dd ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.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(--surface-dark);border:1px solid var(--popup-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);animation:popover-in var(--duration-fast) var(--ease-out-quart);display:flex;flex-direction:column}@media only screen and (max-width:768px){.options-popup-content{width:var(--panel-width-mobile)}}.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-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-tint-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4)}.options-card>.section-title{margin:0;padding-inline:0;background:transparent;border-radius:0}.section-title-icon{flex:none;width:var(--icon-sm);height:var(--icon-sm);color:var(--color-active)}.options-card .gen-toggle-row{padding-block:var(--space-4);padding-inline:var(--space-2);margin-inline:calc(-1 * var(--space-2));border-radius:var(--radius);flex-wrap:wrap}.options-card .gen-toggle-row:has(>.toggle-container)>.gen-toggle-icon-label{flex:1 1 0;min-width:0}.options-card .gen-toggle-row:has(>.toggle-container)>.gen-toggle-icon-label>span{white-space:normal}.options-card .gen-toggle-row>select.selectBox{margin-inline-start:auto}.options-card>.gen-toggle-row+.gen-toggle-row,.options-card .midi-options-area .gen-toggle-row+.gen-toggle-row{margin-top:calc(-1 * var(--space-3));border-top:var(--border-control) solid var(--surface-tint-2);border-top-left-radius:0;border-top-right-radius:0}@media(hover:hover){.options-card .gen-toggle-row:hover{background-color:var(--surface-tint-1)}}.grid-view-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.grid-view-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-1);border:var(--border-control) solid var(--chrome-border);border-radius:var(--radius);color:var(--chrome-3);font-size:var(--text-xs);line-height:1.2;text-align:center;white-space:normal;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.grid-view-tile-icon{width:var(--icon-md);height:var(--icon-md);flex:none}.grid-view-tile-label{max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(hover:hover){.grid-view-tile:hover{border-color:var(--chrome-4);color:var(--chrome-5)}}.grid-view-tile:has(.grid-view-tile-input:checked){background-color:var(--surface-tint-2);border-color:var(--color-active);color:var(--color-active)}@media(hover:hover){.grid-view-tile:has(.grid-view-tile-input:checked):hover{border-color:var(--color-active-bright);color:var(--color-active-bright)}}.grid-view-tile:has(.grid-view-tile-input:focus-visible){outline:1px solid var(--color-active);outline-offset:var(--space-1)}.grid-view-tile:has(.grid-view-tile-input:disabled){opacity:var(--opacity-disabled);cursor:default}.grid-view-slider{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs)}.grid-view-slider[hidden]{display:none}.grid-view-slider>label{flex-shrink:0}.grid-view-slider input[type=range]{flex:1;min-width:0}.grid-view-slider-value{flex-shrink:0;min-width:2rem;text-align:end;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--chrome-3)}.options-sublabel{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-control);color:var(--chrome-3)}.options-card select.selectBox{padding:var(--space-4) var(--space-3)}.options-card .chip-group--cluster .chip-group-options{flex-wrap:wrap}.options-card .chip-group--cluster .chip-group-options>.controlButton{white-space:nowrap}.option-caution-btn:hover,.option-caution-btn:active{border-color:var(--color-caution);color:var(--color-caution)}#resetAllButton{border-color:var(--color-danger-deep);color:var(--color-danger-text)}#resetAllButton:hover,#resetAllButton:active{border-color:var(--color-danger);color:var(--color-danger-text)}@media(hover:none){.option-caution-btn:hover{border-color:var(--chrome-border);color:var(--main-font-color)}}.options-popup-content .tabs{margin-top:0;margin-bottom:var(--space-4)}.midi-learn-mappings{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.midi-learn-mapping-row{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.midi-learn-mapping-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-learn-mapping-cc{opacity:.7;font-variant-numeric:tabular-nums}.midi-learn-mapping-remove{background:none;border:none;color:inherit;cursor:pointer;opacity:.6;padding:var(--space-1) var(--space-2)}.midi-learn-mapping-remove:hover{opacity:1}.midi-learn-empty{color:var(--chrome-3);font-size:var(--text-sm);font-style:italic}.song-settings-note{margin:0;font-size:var(--text-xs);color:var(--chrome-3)}.song-settings-text-input{width:100%;min-width:0;padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-5);font-family:inherit;font-size:var(--text-md);transition:border-color var(--transition-fast)}.song-settings-text-input::placeholder{color:var(--chrome-3)}.song-settings-text-input:hover,.song-settings-text-input:focus{border-color:var(--chrome-3)}.song-settings-notes{display:block;resize:vertical;line-height:1.45}.song-settings-count{align-self:flex-end;font-size:var(--text-xs);color:var(--chrome-3);font-variant-numeric:tabular-nums}.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:var(--tracking-tight);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-3)}.about-popup-link:hover .about-popup-link-desc{color:var(--chrome-3)}@media only screen and (max-width:768px){.about-popup-links{gap:var(--space-1)}.about-popup-link{padding:var(--space-3) var(--space-4);gap:var(--space-4)}.about-popup-link svg{width:18px;height:18px}.about-popup-link-desc{font-size:var(--text-xs)}}@media(hover:none){.about-popup-link:hover{background-color:transparent;color:var(--chrome-4)}.about-popup-link:hover svg{opacity:.7}.about-popup-link:hover .about-popup-link-desc{color:var(--chrome-3)}.about-popup-link:hover:after{background-color:var(--chrome-2);transform:none}}@media only screen and (max-width:768px){.tips-popup,.changelog-popup{padding-top:5vh}}.confirm-popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-overlay)}.confirm-popup{z-index:var(--z-overlay);background:var(--surface-darker);padding:var(--space-5) var(--space-5) var(--space-4);min-width:200px;max-width:260px}.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:var(--border-control) 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:var(--space-1)}.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-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fullscreen);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--overlay);gap:var(--space-6)}.export-progress-text{color:var(--ink-light);font-size:var(--text-md);letter-spacing:var(--tracking-body)}.export-progress-track{width:260px;height:6px;background:var(--surface-band);border-radius:var(--radius-pill);overflow:hidden}.export-progress-bar{height:100%;width:0%;background:var(--ink-light);border-radius:var(--radius-pill);transition:width var(--transition-slow)}.export-progress-label{color:var(--ink-light-dim);font-size:var(--text-xs)}.export-progress-cancel{margin-top:var(--space-3);padding:var(--space-3) var(--space-6);cursor:pointer;color:var(--ink-light);background:transparent;border:1px solid var(--ink-light-faint);border-radius:var(--radius);font-size:var(--text-sm);letter-spacing:var(--tracking-body)}.export-progress-cancel:disabled{opacity:var(--opacity-disabled);cursor:default}.share-export-dialog{padding:var(--space-7) var(--space-8) var(--space-8);width:min(440px,calc(100vw - 2 * var(--space-6)));font-family:inherit;color:var(--chrome-4);font-size:var(--text-sm)}.share-export-dialog .modal-shell-header{padding:0;margin-bottom:var(--space-6)}.share-export-dialog button:focus:not(:focus-visible),.share-export-dialog input:focus:not(:focus-visible){outline:none}.song-title-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.song-title-field-label{font-size:var(--text-xs);font-weight:700;color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-label)}.song-title-field-input{padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border:var(--border-control) solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-5);font-family:inherit;font-size:var(--text-md);transition:border-color var(--transition-fast)}.song-title-field-input::placeholder{color:var(--chrome-3)}.song-title-field-input:hover,.song-title-field-input:focus{border-color:var(--chrome-3)}.song-info-fields{margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-6)}.song-info-fields-summary{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--chrome-3);list-style:none}.song-info-fields-summary::-webkit-details-marker{display:none}.song-info-fields-summary:before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--transition-fast)}:dir(rtl) .song-info-fields-summary:before{transform:rotate(135deg)}.song-info-fields[open]>.song-info-fields-summary:before{transform:rotate(45deg)}.song-info-fields-summary:hover{color:var(--chrome-5)}.song-info-fields[open]>.song-info-fields-summary{margin-bottom:var(--space-4)}.song-info-fields>.song-title-field{margin-bottom:var(--space-4)}.song-info-fields>.song-title-field:last-child{margin-bottom:0}.song-info-fields-notes{resize:vertical;line-height:1.45}.share-export-options{display:flex;flex-direction:column;gap:var(--space-4)}.share-export-option{display:flex;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-5);text-align:left;background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-4);font-family:inherit;font-size:var(--text-sm);letter-spacing:var(--tracking-body);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.share-export-option:hover{background:var(--surface-tint-2);border-color:var(--chrome-2);color:var(--chrome-5)}.share-export-option:hover .share-export-option-icon{border-color:var(--chrome-3);color:var(--chrome-5)}.share-export-option.is-loading{opacity:.6;cursor:default}.share-export-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--surface-tint-2);border-radius:var(--radius);background:var(--surface-tint-1);color:var(--chrome-3);transition:border-color var(--transition-fast),color var(--transition-fast)}.share-export-option-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.share-export-option-label{color:var(--chrome-5);font-weight:600}.share-export-option-desc{font-size:var(--text-xs);color:var(--chrome-3);letter-spacing:var(--tracking-tight)}.share-export-result,.share-export-length{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows var(--duration-reveal) var(--ease-out-quart),opacity var(--duration-reveal) var(--ease-out-quart),margin-top var(--duration-reveal) var(--ease-out-quart)}.share-export-result--open,.share-export-length--open{grid-template-rows:1fr;opacity:1;margin-top:var(--space-6)}.share-export-result-inner{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow:hidden}.share-export-result-inner,.share-export-length-inner{padding:var(--space-2);margin:calc(-1 * var(--space-2))}.share-export-url-row{display:flex;gap:var(--space-3)}.share-export-result--error .share-export-url-row{display:none}.share-export-url{flex:1;min-width:0;padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-5);font-family:var(--font-mono);font-size:var(--text-xs);text-overflow:ellipsis}.share-export-copy-btn{display:inline-flex;align-items:center;gap:var(--space-3);flex-shrink:0;padding:var(--space-3) var(--space-5);background:transparent;border:1px solid var(--chrome-border);border-radius:var(--radius);color:var(--main-font-color);font-family:inherit;font-size:var(--text-sm);letter-spacing:var(--tracking-body);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.share-export-copy-btn:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.share-export-copy-btn svg{flex-shrink:0}.share-export-status{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-body);color:var(--color-play)}.share-export-status--error{color:var(--color-danger-active)}.share-export-length-inner{display:flex;flex-direction:column;gap:var(--space-5);min-height:0;overflow:hidden}.share-export-length-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--chrome-3)}.share-export-length-controls{display:flex;flex-direction:column;gap:var(--space-4)}.share-export-length-desc{font-size:var(--text-xs);color:var(--chrome-3);letter-spacing:var(--tracking-tight);line-height:1.5}.share-export-length-time,.share-export-length-loops{display:flex;align-items:center;gap:var(--space-3)}.share-export-length-num{width:3.5em;padding:var(--space-3) var(--space-3);background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-5);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center}.share-export-length-unit{font-size:var(--text-xs);color:var(--chrome-3);margin-right:var(--space-3)}.share-export-length-loops-label{flex:1;color:var(--chrome-4)}.share-export-length-step{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-4);font-size:var(--text-md);line-height:1;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.share-export-length-minus,.share-export-length-plus{flex-shrink:0}.share-export-length-step:hover:not(:disabled){color:var(--chrome-5);border-color:var(--chrome-2)}.share-export-length-step:disabled{opacity:var(--opacity-disabled);cursor:default}.share-export-length-count{min-width:2em;text-align:center;color:var(--chrome-5);font-weight:600}.share-export-length-preview{font-size:var(--text-xs);color:var(--chrome-3);letter-spacing:var(--tracking-tight)}.share-export-length-warning{font-size:var(--text-xs);color:var(--color-warning);letter-spacing:var(--tracking-tight)}.share-export-length-confirm{display:inline-flex;align-items:center;gap:var(--space-3);align-self:flex-end;padding:var(--space-3) var(--space-5);background:transparent;border:1px solid var(--chrome-border);border-radius:var(--radius);color:var(--main-font-color);font-family:inherit;font-size:var(--text-sm);letter-spacing:var(--tracking-body);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.share-export-length-confirm:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.share-export-length-confirm svg{flex-shrink:0}.share-export-file{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--surface-tint-2)}.share-export-file-buttons{display:flex;gap:var(--space-4)}.share-export-file-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-4);font:inherit;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.share-export-file-btn svg{flex-shrink:0}.share-export-file-btn:hover{background:var(--surface-tint-2);border-color:var(--chrome-2);color:var(--chrome-5)}.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 var(--transition-instant),opacity var(--transition-instant),filter var(--transition-instant)}.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)}.track-buttons>:is(.strip-mute,.strip-solo,.strip-delete){position:relative}.track-buttons>:is(.strip-mute,.strip-solo,.strip-delete):before{content:"";position:absolute;inset-block:-4.5px;inset-inline:-3.5px -3px}.track-buttons>.strip-mute:before{inset-block:-5.5px -3.5px}.track-buttons>.strip-delete:before{inset-block:-3.5px -5.5px}body.mixer-single-track .track-delete-btn{display:none}.track-thumbnails{display:flex;gap:var(--space-2);flex:1;align-items:center;position:relative}.loop-marker-lane{position:absolute;top:0;height:100%;pointer-events:none;z-index:3}.loop-marker{position:absolute;top:0;left:0;height:100%;width:0;pointer-events:none}.loop-marker--dragging{will-change:transform}.loop-marker:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;border-left:.25px solid var(--grid-ring);transform:translate(-50%)}.loop-marker--default:before{display:none}.loop-marker--start.loop-marker--default .loop-marker-flag{margin-left:.5px}.loop-marker--end.loop-marker--default .loop-marker-flag{margin-left:-.5px}.loop-marker-flag{position:absolute;top:-8px;left:-5.5px;width:11px;height:9px;padding:0;border:0;background:transparent;color:var(--strip-border);cursor:ew-resize;pointer-events:auto;touch-action:none}.loop-marker-flag:before{content:"";position:absolute;top:-7.5px;right:-6.5px;bottom:-7.5px;left:-6.5px}.loop-marker--end .loop-marker-flag:before{left:-1.5px;right:-11.5px}.loop-marker--start.loop-marker--default .loop-marker-flag:before{left:0;right:-13px}.loop-marker--end.loop-marker--default .loop-marker-flag:before{left:-12px;right:-1px}.loop-marker-flag:hover,.loop-marker--dragging .loop-marker-flag{color:var(--grid-ring)}.loop-marker-flag svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round}.loop-marker-dim{position:absolute;top:0;height:100%;background:#0000002e;pointer-events:none}.track-row.dragging{opacity:.4}.track-row.drag-insert-above{border-top:2px solid var(--color-play-border);padding-top:calc(var(--space-2) - var(--space-1))}.track-row.drag-insert-below{border-bottom:2px solid var(--color-play-border);padding-bottom:calc(var(--space-2) - var(--space-1))}.track-row-clone{opacity:.85;pointer-events:none;z-index:var(--z-overlay);border:var(--border-control) solid var(--chrome-border);border-radius:var(--radius)}html.dragging-track{user-select:none;-webkit-user-select:none}.track-row.drag-target-track{background:var(--surface-tint-1)}@keyframes sidechain-highlight-pulse{0%{background:transparent}30%{background:var(--surface-tint-3)}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:0 var(--space-4) var(--space-2)}.track-type-chooser{display:flex;flex-direction:row;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.track-type-chooser.visible{opacity:1}.track-type-chooser.track-type-chooser--busy{pointer-events:none;opacity:.5}.add-track-row>.track-drag-handle,.add-track-row>.track-controls{visibility:hidden}.add-track-row.chooser-open .page-add-btn{display:none}.chooser-open .mixer-add-track-btn{opacity:.4;pointer-events:none}.track-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:64px;height:64px;padding:0;background:var(--background-color);border:1px dashed var(--chrome-border);border-radius:var(--radius-sm);color:var(--chrome-5);font-size:var(--text-xs);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:var(--chrome-selected)}.track-type-btn:active{border-color:var(--chrome-4);color:var(--chrome-selected)}#pageStrip #pageThumbnails{flex-direction:column;align-items:stretch;gap:var(--space-1)}@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}}html[lang=ar]{--text-xs: 12.5px;--text-sm: 14.5px;--text-md: 15.5px;--text-base: 16.5px;--text-lg: 22px;--text-title: 24px;line-height:1.4}[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:var(--space-1);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-sm);color:var(--chrome-3);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:var(--space-1) var(--space-2);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:var(--tracking-body)}.automation-subsection{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--chrome-3)}.automation-subsection:after{content:"";flex:1;height:1px;background:var(--surface-tint-2)}.automation-subsection__count{font-size:var(--text-2xs);color:var(--chrome-3);font-weight:600}.automation-subsection__count:empty{display:none}.automation-lane-list{display:flex;flex-direction:column;gap:var(--space-2)}.automation-lane-item{display:flex;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-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.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:var(--radius-full);flex-shrink:0}.automation-lane-name{font-size:var(--text-sm);color:var(--chrome-5);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;padding:0;margin:0;text-align:start;line-height:inherit;cursor:pointer}.automation-lane-item:not(.selected) .automation-lane-name{color:var(--chrome-3)}.automation-lane-remove{background:none;border:none;color:var(--chrome-3);cursor:pointer;padding:var(--space-1) var(--space-2);line-height:1}.automation-lane-remove:hover{color:var(--chrome-4)}.automation-lane-toggle{flex-shrink:0;cursor:pointer;display:flex;align-items:center;position:relative}.automation-lane-toggle-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.automation-lane-toggle-input:focus-visible+.automation-lane-toggle-track{outline:2px solid var(--color-active);outline-offset:var(--space-1)}.automation-lane-item.automation-lane-disabled .automation-lane-dot{opacity:.3}.automation-lane-item.automation-lane-disabled .automation-lane-name{opacity:var(--opacity-disabled)}.automation-add-param{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:1px dashed var(--chrome-1);border-radius:var(--radius-md);cursor:pointer;color:var(--chrome-3);font-size:var(--text-sm);margin-top:var(--space-2);width:100%;text-align:start}.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:var(--space-2);background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-md);overflow:hidden;max-height:240px}.automation-param-search{width:100%;padding:var(--space-4) var(--space-4);background:var(--surface-tint-1);border:none;border-bottom:1px solid var(--surface-tint-2);color:var(--chrome-5);font-size:var(--text-sm);box-sizing:border-box}.automation-param-search:focus-visible,.automation-param-option:focus-visible{outline-offset:-2px}.automation-param-list{max-height:200px;overflow-y:auto}.automation-param-option{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:0;text-align:start;font-size:var(--text-sm);color:var(--chrome-3);cursor:pointer}.automation-param-option:hover,.automation-param-option:focus-visible{background:var(--surface-tint-2);color:var(--chrome-5)}.automation-param-option--blocked{opacity:var(--opacity-disabled);cursor:not-allowed}.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:var(--radius-md);padding:var(--space-1);gap:0}.automation-seg{min-width:30px;height:var(--control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-2);background:transparent;border:none;border-radius:var(--radius);color:var(--chrome-3);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.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:var(--text-xs);letter-spacing:var(--tracking-tight);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:var(--radius-md);color:var(--color-danger);cursor:pointer;padding:0;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.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:var(--radius);color:var(--chrome-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color var(--transition-fast),border-color var(--transition-fast)}.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:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--overlay-mid);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--chrome-4);letter-spacing:var(--tracking-tight);-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-3);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);line-height:1;border-radius:var(--radius)}.automation-mode-indicator-close:hover{color:var(--chrome-5);background:var(--surface-tint-3)}.automation-bp-tooltip{position:absolute;pointer-events:none;z-index:10;background:var(--surface-dark);color:var(--chrome-5);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius);border:1px solid var(--chrome-border);white-space:nowrap;transform:translate(-50%)}.automation-lane-drawer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);margin-top:-1px;background:var(--surface-tint-2);border:1px solid var(--chrome-2);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.automation-inline-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-border);border-radius:var(--radius-sm);cursor:pointer}.automation-inline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:var(--radius-full);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:var(--radius-full);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:var(--radius-full);border:1.5px solid var(--chrome-2);background:transparent;cursor:pointer;flex-shrink:0;padding:0;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast)}.automation-record-btn:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:var(--radius-full);background:var(--chrome-2);transform:translate(-50%,-50%);transition:background var(--transition-fast)}.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:var(--color-danger)}.automation-record-btn.automation-record-armed:after{background:var(--color-danger)}.automation-record-btn.automation-record-recording{border-color:var(--color-danger);animation:record-pulse 1s ease-in-out infinite}.automation-record-btn.automation-record-recording:after{background:var(--color-danger)}.automation-inline-value{font-size:var(--text-xs);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-editor--morph{--env-color: var(--color-active)}.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-editor--morph .adsr-canvas{height:72px}.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-visible{stroke:var(--color-active);stroke-width:2px;vector-effect:non-scaling-stroke}.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);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:var(--control-height-md);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:var(--space-1)}.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,.adsr-editor--morph .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:var(--space-1)}.adsr-scrub-label{font-size:var(--text-xs);color:var(--chrome-3);text-transform:uppercase;letter-spacing:var(--tracking-control)}.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:var(--space-1);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-sm);color:var(--chrome-3);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:var(--space-1) var(--space-2);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:var(--tracking-body)}.eq-tab-curve{position:relative;margin:0 var(--space-3);height:84px;background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius-md);overflow:hidden}.eq-tab-curve canvas{display:block;width:100%;height:100%}.eq-tab-curve-badge{display:none;position:absolute;top:6px;right:8px;font-size:var(--text-3xs);letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--color-warning);opacity:.9;pointer-events:none}.eq-tab-curve--bypassed .eq-tab-curve-badge{display:block}.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:var(--tracking-control);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:var(--tracking-control);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,.8fr) minmax(0,.8fr) minmax(0,.75fr) minmax(0,1.5fr);gap:var(--space-2);align-items:center;padding:0 var(--space-3)}.eq-cols{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-body);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:var(--opacity-disabled)}.eq-enable{width:16px;height:16px;min-width:16px;justify-self:center;border-radius:var(--radius-full);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:var(--color-eq-hp);border-color:var(--color-eq-hp);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-eq-hp) 18%,transparent)}.eq-enable[aria-checked=true].eq-enable--lp{background:var(--color-eq-lp);border-color:var(--color-eq-lp);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-eq-lp) 18%,transparent)}.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:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;color:var(--chrome-4);-webkit-user-select:none;user-select:none}.eq-tag--hp{color:var(--color-eq-hp-tag)}.eq-tag--lp{color:var(--color-eq-lp-tag)}.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);border:1px solid var(--surface-tint-2);border-radius:var(--radius);padding:var(--space-2) var(--space-2);font:var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast)}.eq-scrub:hover{border-color:var(--color-active)}.eq-scrub:focus-visible{border-color:var(--color-active)}.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-3);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.eq-select{width:100%;background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-4);padding:var(--space-2) var(--space-1);font-family:inherit;font-size:var(--text-xs);line-height:1}.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:var(--space-2);height:var(--control-height-sm);padding:0 var(--space-4);background:var(--surface-tint-1);border:1px solid var(--surface-tint-2);border-radius:var(--radius);color:var(--chrome-3);font-size:var(--text-xs);letter-spacing:var(--tracking-tight);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;white-space:nowrap}.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:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer;letter-spacing:var(--tracking-tight);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:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--overlay-mid);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--chrome-4);letter-spacing:var(--tracking-tight);-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-3);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);line-height:1;border-radius:var(--radius)}.eq-mode-indicator-close:hover{color:var(--chrome-5);background:var(--surface-tint-3)}#eqOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto}.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 var(--transition-instant),border-color var(--transition-instant)}@supports (content-visibility: auto){.mixer-strip:not(.mixer-strip-main){content-visibility:auto;contain-intrinsic-size:auto 92px 320px}}.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 var(--transition-instant),opacity var(--transition-instant),filter var(--transition-instant);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,.mixer-strip-h.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:var(--tracking-tight);cursor:text;-webkit-user-select:text;user-select:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--radius-sm);padding:0 var(--space-1);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:var(--tracking-label);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:var(--text-3xs);letter-spacing:var(--tracking-body);text-transform:uppercase;color:var(--chrome-3);text-align:center;margin-bottom:var(--space-1);-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-speed-badge{flex:0 0 auto;text-transform:none;letter-spacing:normal;padding:0 var(--space-1);border:1px solid color-mix(in srgb,var(--strip-color, var(--chrome-3)) 60%,transparent);border-radius:var(--radius-sm);color:var(--chrome-4);font-size:var(--text-3xs);line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none}.mixer-strip .strip-label{position:relative}.mixer-strip .strip-label>.strip-speed-badge{position:absolute;right:0;top:50%;transform:translateY(-50%);line-height: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{position:relative;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;background:transparent;touch-action:pan-x;contain:paint}.strip-fader input[type=range]::-webkit-slider-runnable-track{width:2px;height:auto;background:transparent;border-radius:var(--radius-sm)}.strip-fader input[type=range]::-moz-range-track{width:2px;height:auto;background:transparent;border-radius:var(--radius-sm)}.strip-fader input[type=range]::-moz-range-progress{width:2px;background:transparent;border-radius:var(--radius-sm)}.strip-fader .strip-fader-track{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--slider-track);border-radius:var(--radius-sm);pointer-events:none;z-index:0}.strip-fader .strip-fader-fill{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--color-active);border-radius:var(--radius-sm);transform-origin:bottom;transform:scaleY(var(--pct, 1));pointer-events:none;will-change:transform;z-index:1}.strip-fader input[type=range]{position:relative;z-index:2}.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:var(--radius-sm);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:var(--focus-halo)}.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:var(--focus-halo-strong)}.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:var(--radius-sm);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:var(--focus-halo)}.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:var(--focus-halo-strong)}.strip-meter{display:flex;gap:1px;width:12px;height:172px;border-radius:var(--radius-sm);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)}.led-seg.lit[data-zone=amber]{background:var(--meter-led-amber)}.led-seg.lit[data-zone=red]{background:var(--meter-led-red)}.led-seg.peak[data-zone=green]{background:var(--meter-led-green-peak)}.led-seg.peak[data-zone=amber]{background:var(--meter-led-amber-peak)}.led-seg.peak[data-zone=red]{background:var(--meter-led-red-peak)}.mixer-strip-main{--mixer-main-fader-h: 260px}.strip-meter-main{width:22px;height:var(--mixer-main-fader-h, 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:var(--overlay-soft);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:var(--mixer-main-fader-h, 260px)}.mixer-strip-main .strip-fader input[type=range]{width:32px;height:var(--mixer-main-fader-h, 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:var(--radius-sm);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:var(--border-control) solid var(--chrome-border)}.strip-mute.active{color:var(--background-color);background:var(--color-danger);border-color:var(--color-danger);font-weight:700}.strip-solo.active{color:var(--background-color);background:var(--color-caution);border-color:var(--color-caution);font-weight:700}.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:var(--border-control) 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 var(--space-2);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-tight);text-transform:uppercase}.strip-buttons:has(.strip-delete.confirm-pending) .strip-options{display:none}.strip-options{width:20px;height:17px;padding:0;border:var(--border-control) solid var(--chrome-border);border-radius:var(--radius-sm);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-buttons{--strip-hit-inner: 4px;--strip-hit-outer: calc(6px - var(--strip-hit-inner))}.strip-buttons>:is(.strip-mute,.strip-solo,.strip-options,.strip-delete){position:relative}.strip-buttons>:is(.strip-mute,.strip-solo,.strip-options,.strip-delete):before{content:"";position:absolute}.strip-buttons>:is(.strip-mute,.strip-solo):before{inset-block:-6px -3px}.strip-buttons>:is(.strip-options,.strip-delete):before{inset-block:-3px -6px}.strip-buttons>:is(.strip-mute,.strip-options):before{inset-inline:calc(-1 * var(--strip-hit-outer)) calc(-1 * var(--strip-hit-inner))}.strip-buttons>:is(.strip-solo,.strip-delete):before{inset-inline:calc(-1 * var(--strip-hit-inner)) calc(-1 * var(--strip-hit-outer))}.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:var(--border-control) solid var(--chrome-2);background:transparent;color:var(--chrome-3);font-family:inherit;font-size:var(--text-3xs);font-weight:700;letter-spacing:var(--tracking-body);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%,black);border-color:color-mix(in srgb,var(--color-caution) 80%,black)}.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-3);font-family:inherit;font-size:var(--text-3xs);font-weight:600;line-height:1;border-radius:var(--radius-full);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-3);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);--strip-hit-inner: 3px}}@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]{height:128px}.strip-meter:not(.strip-meter-main){height:128px}.mixer-strip-main{--mixer-main-fader-h: 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:var(--radius-sm);pointer-events:none;z-index:calc(var(--z-overlay) + 1);opacity:0;transition:opacity var(--transition-instant)}.mixer-insert-indicator--visible{opacity:1}.strip-drag-clone{opacity:.85;pointer-events:none;z-index:var(--z-overlay);border:var(--border-control) 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:var(--space-3);row-gap:1px;align-items:center;padding:var(--space-1) var(--space-3);box-sizing:border-box;border:var(--border-control) solid var(--strip-border);border-radius:var(--radius-sm);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 var(--transition-instant)}@supports (content-visibility: auto){.mixer-strip-h:not(.main){content-visibility:auto;contain-intrinsic-size:auto 325px 64px;overflow-clip-margin:var(--space-2)}}.mixer-strip-h .strip-drag-handle{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.mixer-strip-h .strip-drag-handle:before{width:6px}.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:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mixer-strip-h .strip-sub-label-h{font-size:8px;letter-spacing:var(--tracking-body);text-transform:uppercase;color:var(--chrome-3);-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-speed-badge{grid-row:1;grid-column:2;justify-self:end;line-height:1}.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:var(--space-2)}.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;position:relative}.mixer-strip-h .strip-fader-h .strip-label-vol{margin:0 0 calc(-1 * var(--space-1));font-size:var(--text-3xs);letter-spacing:var(--tracking-body);line-height:1}.mixer-strip-h .strip-fader-h input[type=range]{width:100%;height:var(--control-height-sm);margin:0;cursor:pointer;background:transparent;contain:paint;position:relative;z-index:2}.mixer-strip-h .strip-fader-h input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:transparent;border-radius:var(--radius-sm)}.mixer-strip-h .strip-fader-h input[type=range]::-moz-range-track{width:100%;height:2px;background:transparent;border-radius:var(--radius-sm)}.mixer-strip-h .strip-fader-h input[type=range]::-moz-range-progress{height:2px;background:transparent;border-radius:var(--radius-sm)}.mixer-strip-h .strip-fader-h .strip-fader-track{position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--slider-track);border-radius:var(--radius-sm);pointer-events:none;z-index:0}.mixer-strip-h .strip-fader-h .strip-fader-fill{position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--color-active);border-radius:var(--radius-sm);transform-origin:left;transform:scaleX(var(--pct, 1));pointer-events:none;will-change:transform;z-index:1}.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:var(--radius-sm);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:var(--focus-halo)}.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:var(--focus-halo-strong)}.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:var(--radius-sm);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:var(--focus-halo)}.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:var(--focus-halo-strong)}.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:var(--space-3) var(--space-4);justify-content:center;align-content:start;align-self:start;margin-top:calc(-1 * var(--space-4))}.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,.strip-options):before{content:"";position:absolute}.mixer-strip-h :is(.strip-mute,.strip-solo):before{inset-block:-7px -4px}.mixer-strip-h :is(.strip-delete,.strip-options):before{inset-block:-4px -7px}.mixer-strip-h :is(.strip-mute,.strip-options):before{inset-inline:-4px -5px}.mixer-strip-h :is(.strip-solo,.strip-delete):before{inset-inline:-5px -4px}.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 var(--space-1);font-size:var(--text-3xs);font-weight:600;letter-spacing:var(--tracking-tight);text-transform:uppercase}.mixer-strip-h .strip-options{width:17px;height:15px;position:relative}.mixer-strip-h .strip-options svg{width:11px;height:11px}.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:var(--space-3)}.mixer-strip-h.main .strip-name-text{text-transform:uppercase;letter-spacing:var(--tracking-label);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:var(--overlay-soft);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:var(--control-height-sm);margin-top:-12px}.mixer-strip-h.main .strip-fader-h input[type=range]::-moz-range-thumb{width:14px;height:var(--control-height-sm)}.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:var(--text-3xs);letter-spacing:var(--tracking-body)}body.mixer-horizontal .mixer-insert-indicator{width:auto;height:4px}.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:var(--border-control) 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:var(--text-lg);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{position:fixed;z-index:var(--z-dropdown);background:var(--surface-dark);border-radius:var(--radius-sm);padding:var(--space-1)}@media only screen and (max-width:768px){.track-type-chooser--popover{background:var(--background-color)}}@media not (max-width:768px){.mixer-orientation-col .mixer-add-track-btn,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}}.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-3);border:none;cursor:pointer;box-sizing:border-box;position:relative;transition:color var(--transition-fast)}.mobile-rail-tab:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--border-control);background-color:var(--chrome-border)}.mobile-rail-tab svg{width:18px;height:18px}.mobile-rail-tab:hover{color:var(--chrome-4)}.mobile-rail-tab.active{color:var(--color-active)}.mobile-rail-tab.active:after{width:2px;background-color:var(--color-active)}.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);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:var(--border-control) solid var(--chrome-1);border-radius:var(--radius-full);background:transparent;color:var(--chrome-3);cursor:pointer;font-size:var(--text-2xs);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:var(--radius-full);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:var(--text-2xs);padding:var(--space-1) var(--space-3);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:var(--text-xs);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:var(--text-sm);line-height:1}.track-options-duplicate-btn:hover:not(:disabled){border-color:var(--chrome-3)}.track-options-duplicate-btn:disabled{opacity:var(--opacity-disabled);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:var(--space-2) 0;border:0;border-right:1px solid var(--chrome-1);background:transparent;color:var(--chrome-3);font-size:var(--text-2xs);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-options-timesig-row{display:flex;align-items:center;gap:var(--space-3)}.track-options-timesig-btn{flex:1;height:var(--control-height-md);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-xs);text-align:left}.track-tabs{position:absolute;right:100%;bottom:var(--matrix-bottom-offset, 0px);display:none;flex-direction:column;align-items:stretch;z-index:calc(var(--z-panel) + 10);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:not(.control-panel-open) .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 var(--transition-instant),border-color var(--transition-instant)}.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 var(--transition-instant),opacity var(--transition-instant),filter var(--transition-instant);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 var(--transition-instant),opacity var(--transition-instant)}.track-tab[aria-pressed=true] .strip-type-icon{color:var(--chrome-5);opacity:1}.track-tabs.is-compact:not(:hover,:focus-within) .track-tab{width:6px;padding:0;border:none;background:transparent}.track-tabs.is-compact:not(:hover,:focus-within) .track-tab:before{left:auto;right:0}.track-tabs.is-compact:not(:hover,:focus-within) .track-tab .strip-type-icon{opacity:0}:root[data-performance-mode=on] input[type=range],:root[data-performance-mode=on] input[type=range]:focus,:root[data-performance-mode=on] input[type=range]:active,:root[data-performance-mode=on] input[type=range]::-moz-range-thumb,:root[data-performance-mode=on] input[type=range]::-moz-range-thumb:focus,:root[data-performance-mode=on] input[type=range]::-webkit-slider-thumb,:root[data-performance-mode=on] .mixer-strip-h .strip-fader-h input[type=range]:focus,:root[data-performance-mode=on] .led-seg.lit,:root[data-performance-mode=on] .led-seg.peak,:root[data-performance-mode=on] .gridButton.hover,:root[data-performance-mode=on] .gridButton.active,:root[data-performance-mode=on] .gridButton.note-head.playing,:root[data-performance-mode=on] .gridButton.note-tail.playing,:root[data-performance-mode=on] .note-glow{box-shadow:none!important;text-shadow:none!important}:root[data-performance-mode=on] #matrix .gridButton.playing{border-width:1px;--perf-ring-l: 2px;--perf-ring-r: 2px;box-shadow:inset var(--perf-ring-l) 0 0 0 var(--glow-color, yellow),inset calc(-1 * var(--perf-ring-r)) 0 0 0 var(--glow-color, yellow),inset 0 2px 0 0 var(--glow-color, yellow),inset 0 -2px 0 0 var(--glow-color, yellow)!important}:root[data-performance-mode=on] #matrix .gridButton.active.note-head.playing{--perf-ring-r: 0px}:root[data-performance-mode=on] #matrix .gridButton.active.note-body.playing{--perf-ring-l: 0px;--perf-ring-r: 0px}:root[data-performance-mode=on] #matrix .gridButton.active.note-tail.playing{--perf-ring-l: 0px}:root[data-performance-mode=on] .modal-shell-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--overlay)}:root[data-performance-mode=on] :where(:not(.page-thumb--new,.simple-pop,.simple-shrink)),:root[data-performance-mode=on] :where(:not(.page-thumb--new,.simple-pop,.simple-shrink)):before,:root[data-performance-mode=on] :where(:not(.page-thumb--new,.simple-pop,.simple-shrink)):after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}:root[data-performance-mode=on] #loading-spinner,:root[data-performance-mode=on] .spinner,:root[data-performance-mode=on] .grid-loading-spinner{animation-duration:.8s!important;animation-iteration-count:infinite!important}:root[data-performance-mode=on] .midi-record-btn.midi-armed svg,:root[data-performance-mode=on] .midi-learn-active,:root[data-performance-mode=on] .automation-record-btn.automation-record-recording,:root[data-performance-mode=on] .admin-btn-record.recording:first-letter{animation-duration:1s!important;animation-iteration-count:infinite!important}:root[data-simple-mode=off] #simpleModeToolbar,:root[data-simple-mode=off] .simple-side-rail{display:none!important}:root[data-simple-mode=off] .simple-only-row{display:none!important}:root[data-simple-mode=on]{--simple-pill-floor: 64px;--simple-pill-floor-tight: 56px;--kid-surface: color-mix(in srgb, var(--background-color), white 8%);--kid-surface-hover: color-mix(in srgb, var(--background-color), white 13%);--kid-surface-strong: color-mix(in srgb, var(--background-color), white 20%);--kid-card: color-mix(in srgb, var(--background-color), white 6%);--kid-edge: color-mix(in srgb, var(--background-color), white 16%);--kid-shadow: color-mix(in srgb, var(--background-color), black 45%);--kid-ink: color-mix(in srgb, var(--main-font-color), white 35%);--kid-ink-soft: var(--main-font-color);--kid-ink-faint: color-mix(in srgb, var(--main-font-color), transparent 45%);--kid-tracking: .2px;--kid-tracking-tight: .1px;--kid-radius-pad: 16px;--kid-radius-card: 22px;--kid-radius-tile: 6px;--kid-lift-h: 3px;--kid-lift: 0 var(--kid-lift-h) 0 var(--kid-shadow);--kid-lift-none: 0 0 0 transparent;--kid-glow: var(--kid-lift);--kid-touch-min: 48px;--kid-touch-min-compact: 44px;--kid-play-h: 54px;--kid-play-bg: var(--color-play);--kid-play-ink: color-mix(in srgb, var(--color-play), black 80%);--kid-play-edge: color-mix(in srgb, var(--color-play), black 38%);--kid-stop-bg: var(--color-stop);--kid-stop-ink: var(--ink-light);--kid-stop-edge: color-mix(in srgb, var(--color-stop), black 38%);--kid-track-h: 8px;--kid-tempo-thumb-size: 26px;--kid-fx-thumb-size: 28px;--kid-thumb-border-w: 3px;--kid-tempo-thumb-inset: calc((var(--kid-track-h) - var(--kid-tempo-thumb-size)) / 2);--kid-card-shadow: 0 6px 0 var(--kid-shadow), var(--shadow-popover);--kid-tile: color-mix(in srgb, white 5%, transparent);--kid-tile-root: color-mix(in srgb, white 9%, transparent);--kid-tile-hover: color-mix(in srgb, white 14%, transparent);--kid-note-ink: color-mix(in srgb, var(--background-color), black 60%)}:root[data-simple-mode=on] :is(#simpleModeToolbar,.simple-side-rail,#songSettingsPopup,.grid-empty-hint,.share-export-dialog,.song-library,.song-card-menu),:root[data-simple-mode=on] .tooltip,.simple-mode-popover,.simple-effects-popover{font-family:Quicksand,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:var(--kid-tracking)}:root[data-simple-mode=on] #header-container,:root[data-simple-mode=on] #songBar,:root[data-simple-mode=on] #sidebarArea,:root[data-simple-mode=on] #pageStrip,:root[data-simple-mode=on] #gridLoopBar,:root[data-simple-mode=on] #playbackDensityContainer{display:none!important}:root[data-simple-mode=on] #songSettingsTab1Content>.options-card{display:contents}:root[data-simple-mode=on] #songSettingsTab1Content>.options-card>:not(.simple-visible),:root[data-simple-mode=on] #songSettingsTab1Content>:not(.simple-visible):not(.options-card),:root[data-simple-mode=on] #songSettingsPopup .tabs,:root[data-simple-mode=on] #songSettingsPopup .song-settings-note,:root[data-simple-mode=on] #songSettingsTab2,:root[data-simple-mode=on] #songSettingsTab2Content,:root[data-simple-mode=on] #songSettingsTab3,:root[data-simple-mode=on] #songSettingsTab3Content{display:none!important}:root[data-simple-mode=on] #songSettingsTab1Content .options-card>.gen-toggle-row{border-top:none;padding-inline:0;margin-inline:0;background-color:transparent;flex-wrap:nowrap}:root[data-simple-mode=on] #songSettingsTab1Content .grid-view-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-simple-mode=on] #songSettingsTab1Content .grid-view-tile:not(.simple-visible){display:none}:root[data-simple-mode=on] #songSettingsTab1Content .grid-view-tile{min-height:var(--kid-touch-min-compact);border-color:transparent;border-radius:var(--kid-radius-pad);background-color:var(--kid-surface-strong);color:var(--kid-ink);font-size:var(--text-xs);font-weight:700}@media(hover:hover){:root[data-simple-mode=on] #songSettingsTab1Content .grid-view-tile:hover{border-color:transparent;background-color:var(--kid-surface-hover);color:var(--kid-ink)}}:root[data-simple-mode=on] #songSettingsTab1Content .grid-view-tile:has(.grid-view-tile-input:checked),:root[data-simple-mode=on] #songSettingsTab1Content .grid-view-tile:has(.grid-view-tile-input:checked):hover{border-color:transparent;background-color:var(--color-active);color:var(--ink-dark)}:root[data-simple-mode=on] #songSettingsTab1Content .gen-toggle-row:has(#languageSelect) .gen-toggle-icon{display:none}.simple-viz-controls{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0}.simple-viz-controls .selectBox{flex:1 1 auto;min-width:0}.simple-viz-opacity{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0}.simple-viz-opacity .simple-fx-slider{flex:1 1 auto;min-width:0}.simple-viz-opacity .simple-fx-slider:disabled{opacity:.35;cursor:default}.simple-viz-opacity:has(.simple-fx-slider:disabled) .simple-fx-readout{opacity:.35}:root[data-simple-mode=on] #songSettingsTab1Content .options-card>.gen-toggle-row:has(#simpleThemeSelect)>label,:root[data-simple-mode=on] #songSettingsTab1Content .options-card>.gen-toggle-row:has(#simpleVizSelect)>label,:root[data-simple-mode=on] #songSettingsTab1Content .options-card>.gen-toggle-row:has(#simpleVizOpacitySlider)>label,:root[data-simple-mode=on] #songSettingsTab1Content .options-card>.gen-toggle-row:has(#languageSelect)>label{flex:0 0 auto;width:5.5rem;white-space:normal;overflow-wrap:anywhere;line-height:1.1}:root[data-simple-mode=on] #simpleThemeSelect,:root[data-simple-mode=on] #languageSelect{min-width:0}:root[data-simple-mode=on] body{margin-top:0}:root[data-simple-mode=on] #simpleModeToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(var(--space-1),calc((100vw - 768px) * .0083 + var(--space-1)),var(--space-3));width:100%;padding:var(--space-4) 0 var(--space-5)}:root[data-simple-mode=on] .simple-toolbar-center{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(var(--space-1),calc((100vw - 768px) * .0156 + var(--space-1)),var(--space-5));margin-inline-start:auto}:root[data-simple-mode=on] .simple-toolbar-slot{display:flex;align-items:center;gap:var(--space-2)}:root[data-simple-mode=on] .simple-slot-undo{margin-inline-end:calc(-1 * var(--space-2))}:root[data-simple-mode=on] .simple-logo{flex:0 0 auto;height:clamp(12px,calc((100vw - 768px)*.0234 + 12px),24px);width:auto;cursor:pointer;opacity:.92;transition:opacity var(--transition-fast)}:root[data-simple-mode=on] .simple-logo:hover{opacity:1}:root[data-simple-mode=on] .simple-toolbar-right{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}:root[data-simple-mode=on] #simpleModeToolbar #share-button .share-button-text{display:none}:root[data-simple-mode=on] #simpleModeToolbar #share-button{justify-content:center;gap:0;padding:0}:root[data-simple-mode=on] #simpleModeToolbar #share-button .share-export-icon{width:var(--icon-xl);height:var(--icon-xl)}:root[data-simple-mode=on] :is(#simpleModeToolbar button,#simpleModeToolbar .waveformBox,.simple-side-rail button,.simple-side-rail .waveformBox){min-height:var(--kid-touch-min);min-width:var(--kid-touch-min);font-size:var(--text-base)}:root[data-simple-mode=on][data-simple-skin=kid] :is(#simpleModeToolbar button,#simpleModeToolbar .waveformBox,.simple-side-rail button,.simple-side-rail .waveformBox){border:0 solid transparent;border-radius:var(--kid-radius-pad);font-weight:700;color:var(--kid-ink);background-color:var(--kid-surface);box-shadow:var(--kid-glow);text-shadow:none;transition:transform var(--duration-instant) ease-out,box-shadow var(--duration-instant) ease-out,color var(--transition-fast),background-color var(--transition-fast)}@media(hover:hover){:root[data-simple-mode=on][data-simple-skin=kid] :is(#simpleModeToolbar button,#simpleModeToolbar .waveformBox,.simple-side-rail button,.simple-side-rail .waveformBox):hover:not([disabled]){background-color:var(--kid-surface-hover);transform:translateY(-1px)}}:root[data-simple-mode=on][data-simple-skin=kid] :is(#simpleModeToolbar button,#simpleModeToolbar .waveformBox,.simple-side-rail button,.simple-side-rail .waveformBox):active:not([disabled]){transform:translateY(var(--kid-lift-h));box-shadow:var(--kid-lift-none)}:root[data-simple-mode=on] :is(#simpleModeToolbar button,#simpleModeToolbar .waveformBox,.simple-side-rail button,.simple-side-rail .waveformBox):focus-visible{outline:3px solid color-mix(in srgb,var(--color-active) 70%,transparent);outline-offset:2px}:root[data-simple-mode=on] .simple-slot-play #playStopButton{min-width:110px;height:var(--kid-play-h);padding:0 var(--space-6) 0 var(--space-5);gap:var(--space-2);justify-content:center;font-size:var(--text-lg);letter-spacing:var(--tracking-tight);text-transform:none;filter:none}:root[data-simple-mode=on] .simple-slot-play #playStopButton .play-stop-label{text-transform:none;letter-spacing:var(--tracking-tight)}:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-play #playStopButton{--kid-glow: 0 4px 0 var(--kid-play-edge);background:var(--kid-play-bg);color:var(--kid-play-ink);border-radius:var(--radius-pill)}@media(hover:hover){:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-play #playStopButton:hover{background:var(--color-play-hover);--kid-glow: 0 4px 0 var(--kid-play-edge)}}:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-play #playStopButton:active{transform:translateY(4px)}:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-play #playStopButton.stopState{--kid-glow: 0 4px 0 var(--kid-stop-edge);background:var(--kid-stop-bg);color:var(--kid-stop-ink)}@media(hover:hover){:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-play #playStopButton.stopState:hover{background:var(--color-stop-hover)}}:root[data-simple-mode=on] .simple-slot-play #playStopButton .play-stop-icon{width:var(--icon-xl);height:var(--icon-xl);filter:none}:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-play #playStopButton.loading:after{border-color:color-mix(in srgb,var(--kid-play-ink) 30%,transparent);border-top-color:var(--kid-play-ink)}:root[data-simple-mode=on] .simple-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:88px;padding:0 var(--space-4) 0 var(--space-4);letter-spacing:var(--kid-tracking);white-space:nowrap;flex-shrink:1}:root[data-simple-mode=on] .simple-toolbar-btn-icon{flex:0 0 auto;width:var(--icon-lg);height:var(--icon-lg);color:var(--color-active)}:root[data-simple-mode=on] .simple-toolbar-btn-label{min-width:0}:root[data-simple-mode=on] .simple-toolbar-btn:after{content:"";flex:0 0 auto;width:var(--icon-sm);height:var(--icon-sm);margin-inline-start:calc(-1 * var(--space-1));opacity:.55;background-color:currentColor;--simple-chevron-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOTk5IiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5bGluZSBwb2ludHM9IjYgOSAxMiAxNSAxOCA5Ii8+PC9zdmc+);-webkit-mask:var(--simple-chevron-mask) center / var(--icon-sm) var(--icon-sm) no-repeat;mask:var(--simple-chevron-mask) center / var(--icon-sm) var(--icon-sm) no-repeat}:root[data-simple-mode=on][data-simple-skin=kid] .simple-toolbar-btn[aria-expanded=true]{background-color:var(--kid-surface-strong);transform:translateY(var(--kid-lift-h));box-shadow:var(--kid-lift-none)}:root[data-simple-mode=on] .simple-slot-tempo{flex:0 0 auto;position:relative;gap:var(--space-3);height:var(--kid-touch-min);padding:0 var(--space-4) 0 var(--space-4);margin-inline:var(--space-2);border-radius:var(--radius-pill);background-color:var(--kid-surface);box-shadow:var(--kid-lift)}:root[data-simple-mode=on] .simple-slot-tempo:before{content:"";flex:0 0 auto;width:var(--icon-lg);height:var(--icon-lg);background-color:var(--kid-ink-faint);--simple-metronome-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6l4 18H5z'/%3E%3Cpath d='M12 13 18 5'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E");-webkit-mask:var(--simple-metronome-mask) center / contain no-repeat;mask:var(--simple-metronome-mask) center / contain no-repeat}:root[data-simple-mode=on] .simple-slot-tempo input[type=range].song-bar-tempo-slider{flex:0 0 auto;order:0;width:max(clamp(64px,calc((100vw - 768px)*.283 + 64px),120px),calc((100vw - 1400px)*.12 + 120px));height:var(--kid-tempo-thumb-size);margin:0;background:transparent}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-webkit-slider-runnable-track{height:var(--kid-track-h);border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-active) calc(var(--kid-tempo-thumb-size) / 2 + (100% - var(--kid-tempo-thumb-size)) * var(--pct, 50%) / 100%),var(--kid-surface-strong) calc(var(--kid-tempo-thumb-size) / 2 + (100% - var(--kid-tempo-thumb-size)) * var(--pct, 50%) / 100%))}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-webkit-slider-thumb{width:var(--kid-tempo-thumb-size);height:var(--kid-tempo-thumb-size);border:var(--kid-thumb-border-w) solid var(--ink-light);border-radius:var(--radius-full);background:var(--color-active);margin-top:var(--kid-tempo-thumb-inset);box-shadow:0 2px 0 var(--kid-shadow);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-moz-range-track{height:var(--kid-track-h);border-radius:var(--radius-pill);background:var(--kid-surface-strong)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-moz-range-progress{height:var(--kid-track-h);border-radius:var(--radius-pill);background:var(--color-active)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-moz-range-thumb{width:var(--kid-tempo-thumb-size);height:var(--kid-tempo-thumb-size);border:var(--kid-thumb-border-w) solid var(--ink-light);border-radius:var(--radius-full);background:var(--color-active);box-shadow:0 2px 0 var(--kid-shadow);transition:box-shadow var(--transition-fast)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 2px 0 var(--kid-shadow),var(--focus-halo)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 2px 0 var(--kid-shadow),var(--focus-halo-strong)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-moz-range-thumb:hover{box-shadow:0 2px 0 var(--kid-shadow),var(--focus-halo)}:root[data-simple-mode=on] .simple-slot-tempo input[type=range]::-moz-range-thumb:active{box-shadow:0 2px 0 var(--kid-shadow),var(--focus-halo-strong)}:root[data-simple-mode=on] .simple-slot-tempo #tempoValue{position:static;order:1;margin:0;min-width:4.2ch;padding:0;border:0;background:transparent;color:var(--kid-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);font-weight:700;letter-spacing:0;line-height:1;text-align:right;white-space:nowrap;pointer-events:none}:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar :is(#undoButton,#redoButton,#mySongsButton,#share-button,#optionsButton,#simpleExitButton){width:var(--kid-touch-min);height:var(--kid-touch-min);padding:0;border-radius:var(--radius-full);color:var(--kid-ink)}:root[data-simple-mode=on] .simple-slot-undo #undoButton svg,:root[data-simple-mode=on] .simple-slot-redo #redoButton svg{width:26px;height:26px;stroke-width:1.75}:root[data-simple-mode=on] #simpleModeToolbar #optionsButton svg,:root[data-simple-mode=on] #simpleModeToolbar #simpleExitButton svg{width:var(--icon-xl);height:var(--icon-xl)}:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar :is(#undoButton,#redoButton)[disabled]{opacity:.35;--kid-glow: var(--kid-lift-none);cursor:default}:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar :is(#mySongsButton,#share-button,#optionsButton,#simpleExitButton){--kid-glow: var(--kid-lift-none);width:var(--kid-touch-min-compact);height:var(--kid-touch-min-compact);min-width:var(--kid-touch-min-compact);min-height:var(--kid-touch-min-compact);background-color:transparent;color:var(--kid-ink-soft)}@media(hover:hover){:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar :is(#mySongsButton,#share-button,#optionsButton,#simpleExitButton):hover{background-color:var(--kid-surface);color:var(--kid-ink)}}:root[data-simple-mode=on] .simple-slot-clear #clearButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:84px;padding:0 var(--space-4) 0 var(--space-4);white-space:nowrap;flex-shrink:1}:root[data-simple-mode=on] .simple-slot-clear #clearButton svg{width:var(--icon-lg);height:var(--icon-lg);stroke-width:2}:root[data-simple-mode=on] .simple-slot-clear #clearButton .controlButton-label{font-size:var(--text-base);font-weight:700;letter-spacing:var(--kid-tracking);text-transform:none}:root[data-simple-mode=on][data-simple-skin=kid] .simple-slot-clear #clearButton.clear-confirm{--kid-glow: 0 var(--kid-lift-h) 0 color-mix(in srgb, var(--color-danger), black 40%);background-color:var(--color-danger);color:var(--ink-light)}:root[data-simple-mode=on] .simple-slot-clear #clearButton.clear-confirm .controlButton-label{font-size:var(--text-xs)}:root[data-simple-mode=on] #simpleModeToolbar.smf-snap .simple-slot-play #playStopButton{min-width:92px}:root[data-simple-mode=on] #simpleModeToolbar.smf-snap .simple-slot-clear #clearButton{min-width:72px}:root[data-simple-mode=on] #simpleModeToolbar.smf-snap .simple-slot-tempo{margin-inline:var(--space-2)}:root[data-simple-mode=on] body:has(#simpleModeToolbar.smf-snap){margin-inline:var(--space-2)}:root[data-simple-mode=on] #simpleModeToolbar.smf-mark .simple-logo{height:32px;width:32px;object-fit:cover;object-position:left center;opacity:1}:root[data-simple-mode=on] #simpleModeToolbar.smf-font button,:root[data-simple-mode=on] #simpleModeToolbar.smf-font .simple-slot-clear #clearButton .controlButton-label{font-size:var(--text-sm)}:root[data-simple-mode=on] #simpleModeToolbar.smf-font .simple-slot-play #playStopButton{font-size:var(--text-base)}:root[data-simple-mode=on] #simpleModeToolbar.smf-pad :is(.simple-toolbar-btn,.simple-slot-clear #clearButton,.simple-slot-play #playStopButton){padding-inline:var(--space-3)}:root[data-simple-mode=on] #simpleModeToolbar.smf-minw .simple-slot-play #playStopButton,:root[data-simple-mode=on] #simpleModeToolbar.smf-minw .simple-toolbar-btn,:root[data-simple-mode=on] #simpleModeToolbar.smf-minw .simple-slot-clear #clearButton{min-width:var(--simple-pill-floor-tight)}:root[data-simple-mode=on] #simpleModeToolbar.smf-minw button,:root[data-simple-mode=on] #simpleModeToolbar.smf-minw .simple-slot-clear #clearButton .controlButton-label{font-size:var(--text-xs)}:root[data-simple-mode=on] #simpleModeToolbar.smf-minw .simple-slot-play #playStopButton{font-size:var(--text-sm)}:root[data-simple-mode=on] #simpleModeToolbar.smf-minw :is(.simple-toolbar-btn,.simple-slot-clear #clearButton,.simple-slot-play #playStopButton){padding-inline:var(--space-2)}:root[data-simple-mode=on] #simpleModeToolbar.smf-minw .simple-toolbar-center{gap:var(--space-4)}:root[data-simple-mode=on] #simpleModeToolbar.smf-tight{--icon-md: var(--icon-xs)}:root[data-simple-mode=on] #simpleModeToolbar.smf-tight .simple-toolbar-center{gap:var(--space-1)}:root[data-simple-mode=on] #simpleModeToolbar.smf-tight button,:root[data-simple-mode=on] #simpleModeToolbar.smf-tight .simple-slot-clear #clearButton .controlButton-label{font-size:var(--text-2xs)}:root[data-simple-mode=on] #simpleModeToolbar.smf-tight .simple-slot-play #playStopButton{font-size:var(--text-xs)}:root[data-simple-mode=on] #simpleModeToolbar.smf-tight .simple-toolbar-btn-icon{display:none}:root[data-simple-mode=on] #simpleModeToolbar.smf-tight .simple-toolbar-right{gap:var(--space-1)}:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar.smf-tight :is(#mySongsButton,#share-button,#optionsButton,#simpleExitButton){width:32px;height:32px;min-width:32px;min-height:32px}:root[data-simple-mode=on] #simpleModeToolbar.smf-tempo .simple-slot-tempo:before{display:none}:root[data-simple-mode=on] #gridArea #matrix{max-height:calc(100dvh - 118px)}:root[data-simple-mode=on] .simple-side-rail{--simple-rail-cols: 1fr;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-4);align-self:stretch;width:clamp(72px,8vw,84px);flex:0 0 auto;overflow-y:auto;scrollbar-width:none}:root[data-simple-mode=on] .simple-side-rail::-webkit-scrollbar{display:none}:root[data-simple-mode=on] .simple-rail-slot{display:flex;flex-direction:column;gap:var(--space-3)}:root[data-simple-mode=on] .simple-side-rail .waveformSelectContainer,:root[data-simple-mode=on] .simple-side-rail .arrowsContainer{grid-template-columns:var(--simple-rail-cols);gap:var(--space-3)}:root[data-simple-mode=on] .simple-rail-divider{flex:0 0 auto;height:2px;margin:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--kid-edge)}:root[data-simple-mode=on] .simple-side-rail .waveformBox,:root[data-simple-mode=on] .simple-side-rail .arrowButton{width:100%;padding:var(--space-2) var(--space-1);gap:var(--space-1);opacity:1;filter:none;overflow:hidden}:root[data-simple-mode=on] .simple-side-rail .waveformName,:root[data-simple-mode=on] .simple-side-rail .directionLabel{font-size:var(--text-2xs);font-weight:700;line-height:1.1;letter-spacing:var(--kid-tracking-tight);text-transform:none;white-space:normal;text-align:center}:root[data-simple-mode=on] .simple-side-rail .waveformBox{--waveform-icon-color: var(--waveform-color)}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .waveformBox{--kid-glow: 0 var(--kid-lift-h) 0 color-mix(in srgb, var(--waveform-color) 35%, var(--kid-shadow));background-color:color-mix(in srgb,var(--waveform-color) 14%,var(--kid-surface))}:root[data-simple-mode=on] .simple-side-rail .waveformBox .waveformName{color:var(--waveform-color)}:root[data-simple-mode=on] .simple-side-rail .waveformIcon{width:26px;height:26px}@media(hover:hover){:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .waveformBox:not(.selected):hover{background-color:color-mix(in srgb,var(--waveform-color) 26%,var(--kid-surface))}}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .waveformBox.selected{--waveform-icon-color: var(--ink-dark);--kid-glow: 0 var(--kid-lift-h) 0 color-mix(in srgb, var(--waveform-color), black 40%);background-color:var(--waveform-color);border-color:transparent}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .waveformBox.selected .waveformName{color:var(--ink-dark)}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .waveformBox.selected:hover{background-color:var(--waveform-color)}:root[data-simple-mode=on] .simple-side-rail .arrowButton{color:var(--kid-ink)}:root[data-simple-mode=on] .simple-side-rail .arrowButton .directionLabel{color:var(--kid-ink-soft)}:root[data-simple-mode=on] .simple-side-rail .arrowButton .directionIcon{width:22px;height:22px}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .arrowButton.selected{--kid-glow: 0 var(--kid-lift-h) 0 color-mix(in srgb, var(--color-active), black 40%);background-color:var(--color-active);color:var(--ink-dark);border-color:transparent}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .arrowButton.selected .directionLabel{color:var(--ink-dark)}:root[data-simple-mode=on][data-simple-skin=kid] #simpleSideRail .arrowButton.selected:hover{background-color:var(--color-active);color:var(--ink-dark)}:root[data-simple-mode=on] .simple-side-rail .arrowButton .directionIcon:before,:root[data-simple-mode=on] .simple-side-rail .arrowButton .directionIcon:after{border-width:2.5px}:root[data-simple-mode=on] .simple-side-rail .arrowButton.columnsArrow .directionIcon:before,:root[data-simple-mode=on] .simple-side-rail .arrowButton.columnsArrow .directionIcon:after,:root[data-simple-mode=on] .simple-side-rail .arrowButton.columnsArrow .directionIcon div:before{border-width:0;width:3px;border-radius:var(--radius-pill)}:root[data-simple-mode=on] .simple-side-rail .arrowButton.randomArrow .directionIcon:before{border-width:0}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton{border-width:2px;border-radius:var(--kid-radius-tile);background-color:var(--kid-tile);background-clip:padding-box;transition:background-color var(--transition-fast)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.root-note{background-color:var(--kid-tile-root)}:root[data-simple-mode=on][data-simple-skin=kid]:where([data-hide-root-rows]) #matrix .gridButton.root-note{background-color:var(--kid-tile)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.hover:not(.active){background-color:var(--kid-tile-hover);border-color:transparent}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active{--kid-note: var(--chrome-4);background-color:var(--kid-note);background-clip:border-box;border-color:var(--kid-note);transition:none}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active[data-waveform=sine]{--kid-note: var(--color-sine)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active[data-waveform=sawtooth]{--kid-note: var(--color-sawtooth)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active[data-waveform=triangle]{--kid-note: var(--color-triangle)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active[data-waveform=square]{--kid-note: var(--color-square)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active[data-waveform=pulse]{--kid-note: var(--color-pulse)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active.note-head{border-radius:var(--kid-radius-tile) 0 0 var(--kid-radius-tile)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active.note-body{border-radius:0}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active.note-tail{border-radius:0 var(--kid-radius-tile) var(--kid-radius-tile) 0}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active:after{border-radius:inherit;color:var(--kid-note-ink)}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active.playing{background-color:color-mix(in srgb,var(--kid-note),white 30%);border-color:color-mix(in srgb,var(--kid-note),white 30%);animation:simple-note-bounce var(--duration-reveal) var(--ease-out-quart)}@keyframes simple-note-bounce{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}:root[data-simple-mode=on][data-simple-skin=kid] #matrix .gridButton.active .note-glow{border-radius:inherit}:root[data-simple-mode=on] #playhead{background-color:color-mix(in srgb,var(--color-active) 14%,transparent);border-radius:var(--kid-radius-tile)}:root[data-simple-mode=on] #matrix .gridButton.simple-pop{animation:simple-note-pop var(--duration-reveal) var(--ease-out-quart)}@keyframes simple-note-pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}.simple-shrink{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--simple-shrink-color, transparent);border:0;pointer-events:none;animation:simple-note-shrink var(--duration-fast) ease-in forwards}@keyframes simple-note-shrink{0%{transform:scale(1);opacity:.9}to{transform:scale(0);opacity:0}}:root[data-simple-mode=on] .grid-empty-hint-text{max-width:22em;padding:var(--space-5) var(--space-7);border-radius:var(--kid-radius-pad);background:var(--kid-card);color:var(--kid-ink);font-size:var(--text-base);font-weight:700;line-height:1.4;box-shadow:var(--kid-card-shadow);animation:simple-popover-in var(--duration-slow) var(--ease-out-expo)}.simple-mode-popover,.simple-effects-popover,:root[data-simple-mode=on] .options-popup-content,:root[data-simple-mode=on] .share-export-dialog{border:0;border-radius:var(--kid-radius-card);background-color:var(--kid-card);box-shadow:var(--kid-card-shadow);animation:simple-popover-in var(--duration-reveal) var(--ease-out-quart)}@keyframes simple-popover-in{0%{opacity:0;transform:translateY(var(--space-4)) scale(.96)}60%{transform:translateY(-1px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.simple-mode-popover{width:min(300px,calc(100vw - 2 * var(--space-4)));max-height:min(70vh,560px);padding:var(--space-3);z-index:var(--z-dropdown)}.simple-mode-popover .dropdown-popover-item{min-height:var(--kid-touch-min);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);margin-bottom:var(--space-1);gap:var(--space-3);border-radius:var(--kid-radius-pad);font-size:var(--text-base);font-weight:700;color:var(--kid-ink)}.simple-mode-popover .dropdown-popover-item:hover,.simple-mode-popover[data-keyboard-nav] .dropdown-popover-item[data-active=true]{background:var(--kid-surface-hover);color:var(--kid-ink)}.simple-mode-popover .dropdown-popover-item-leading{width:36px;height:36px;margin:0;border-radius:var(--radius-full);background:var(--kid-surface-strong);font-size:var(--text-lg)}.simple-mode-popover .dropdown-popover-item-trailing{flex:0 0 auto;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--kid-surface-strong);color:var(--kid-ink-soft);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--kid-tracking);text-transform:none}.simple-mode-popover .dropdown-popover-item[aria-selected=true]{background:var(--color-active);color:var(--ink-dark);box-shadow:none}.simple-mode-popover .dropdown-popover-item[aria-selected=true] .dropdown-popover-item-leading,.simple-mode-popover .dropdown-popover-item[aria-selected=true] .dropdown-popover-item-trailing{background:color-mix(in srgb,var(--ink-dark) 18%,transparent);color:var(--ink-dark)}.simple-effects-popover{z-index:var(--z-dropdown);width:min(340px,calc(100vw - 2 * var(--space-4)));padding:var(--space-6) var(--space-6) var(--space-7);display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto}.simple-fx-row{display:flex;flex-direction:column;gap:var(--space-2)}.simple-fx-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.simple-fx-label{font-size:var(--text-base);font-weight:700;color:var(--kid-ink)}.simple-fx-readout{min-width:3.6ch;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--kid-surface-strong);color:var(--kid-ink);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-align:center;font-variant-numeric:tabular-nums}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--kid-fx-thumb-size);margin:0;background:transparent;cursor:pointer}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider::-webkit-slider-runnable-track{height:var(--kid-track-h);border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-active) var(--pct, 0%),var(--kid-surface-strong) var(--pct, 0%))}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--kid-fx-thumb-size);height:var(--kid-fx-thumb-size);border-radius:var(--radius-full);border:var(--kid-thumb-border-w) solid var(--ink-light);background:var(--color-active);margin-top:calc((var(--kid-track-h) - var(--kid-fx-thumb-size)) / 2);box-shadow:0 2px 0 var(--kid-shadow);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider:hover::-webkit-slider-thumb{box-shadow:0 2px 0 var(--kid-shadow),var(--focus-halo)}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider:active::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 0 var(--kid-shadow),var(--focus-halo-strong)}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider::-moz-range-track{height:var(--kid-track-h);border-radius:var(--radius-pill);background:var(--kid-surface-strong)}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider::-moz-range-progress{height:var(--kid-track-h);border-radius:var(--radius-pill);background:var(--color-active)}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider::-moz-range-thumb{width:var(--kid-fx-thumb-size);height:var(--kid-fx-thumb-size);border-radius:var(--radius-full);border:var(--kid-thumb-border-w) solid var(--ink-light);background:var(--color-active);box-shadow:0 2px 0 var(--kid-shadow)}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider--centered::-webkit-slider-runnable-track{--lo: min(var(--pct, 50%), 50%);--hi: max(var(--pct, 50%), 50%);background:linear-gradient(to right,var(--kid-surface-strong) var(--lo),var(--color-active) var(--lo),var(--color-active) var(--hi),var(--kid-surface-strong) var(--hi))}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider--centered::-moz-range-progress{background:transparent}:is(.simple-effects-popover,.simple-viz-opacity) .simple-fx-slider--centered::-moz-range-track{--lo: min(var(--pct, 50%), 50%);--hi: max(var(--pct, 50%), 50%);background:linear-gradient(to right,var(--kid-surface-strong) var(--lo),var(--color-active) var(--lo),var(--color-active) var(--hi),var(--kid-surface-strong) var(--hi))}.simple-fx-sync{display:flex;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--kid-surface)}.simple-fx-sync-btn{flex:1 1 0;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:var(--space-1);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--kid-ink-soft);font-weight:700;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}@media(hover:hover){.simple-fx-sync-btn:hover:not([aria-checked=true]){background:var(--kid-surface-hover);color:var(--kid-ink)}}.simple-fx-sync-btn[aria-checked=true]{background:var(--color-active);color:var(--ink-dark)}.simple-fx-sync-word{font-size:var(--text-sm)}.simple-fx-sync-frac{font-size:var(--text-2xs);font-weight:700;opacity:.75}:root[data-simple-mode=on] .options-popup-content{padding-bottom:var(--space-3)}:root[data-simple-mode=on] #songSettingsTab1Content .options-card>.gen-toggle-row.simple-visible{min-height:var(--kid-touch-min-compact);font-weight:700}:root[data-simple-mode=on] #songSettingsPopup .selectBox{border:0;border-radius:var(--radius-pill);background-color:var(--kid-surface-strong);font-weight:700}:root[data-simple-mode=on] .tooltip{border:0;border-radius:var(--kid-radius-pad);padding:var(--space-3) var(--space-5);background:var(--kid-card);color:var(--kid-ink);font-size:var(--text-sm);font-weight:700;box-shadow:var(--kid-card-shadow)}:root[data-simple-mode=on] #gridArea.gridbars-on .grid-scrollbar:not(.inert){width:20px;border-radius:var(--radius-pill)}:root[data-simple-mode=on] .grid-scrollbar-thumb{background:var(--kid-surface-strong);border-radius:var(--radius-pill)}:root[data-simple-mode=on] .grid-scrollbar-thumb:hover{background:var(--surface-band)}@media(max-width:768px){:root[data-simple-mode=on] #simpleModeToolbar{justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-4)}:root[data-simple-mode=on] body{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}:root[data-simple-mode=on] .simple-logo{order:-2;flex:0 0 auto;height:clamp(16px,calc((100vw - 320px)*.06 + 16px),22px);margin:0 auto 0 var(--space-2)}:root[data-simple-mode=on] .simple-toolbar-right{display:contents}:root[data-simple-mode=on] #simpleExitButton,:root[data-simple-mode=on] .simple-slot-songs,:root[data-simple-mode=on] .simple-slot-share,:root[data-simple-mode=on] .simple-slot-options{order:-1;margin:0}:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar :is(#mySongsButton,#share-button,#optionsButton,#simpleExitButton){width:40px;height:40px;min-width:40px;min-height:40px}:root[data-simple-mode=on] .simple-toolbar-center{flex-basis:100%;justify-content:space-between;margin-inline:var(--space-2)}:root[data-simple-mode=on] .simple-slot-tempo{margin-inline:0}:root[data-simple-mode=on] .simple-slot-tempo input[type=range].song-bar-tempo-slider{width:clamp(96px,22vw,240px)}:root[data-simple-mode=on] .simple-slot-play #playStopButton{height:var(--kid-touch-min);font-size:var(--text-base)}:root[data-simple-mode=on] #simpleModeToolbar .simple-toolbar-btn,:root[data-simple-mode=on] #simpleModeToolbar .simple-slot-clear #clearButton .controlButton-label{font-size:var(--text-sm)}:root[data-simple-mode=on] .simple-toolbar-btn:after{display:none}:root[data-simple-mode=on] .simple-toolbar-btn{gap:var(--space-2)}:root[data-simple-mode=on] .matrix-row{flex-wrap:wrap}:root[data-simple-mode=on] .simple-side-rail{flex:0 0 97vw;width:97vw;align-self:auto;overflow-y:visible;padding:0 0 var(--space-3);gap:var(--space-3);--simple-rail-cols: repeat(5, 1fr)}:root[data-simple-mode=on] .simple-rail-divider{display:none}:root[data-simple-mode=on] .simple-side-rail .waveformSelectContainer,:root[data-simple-mode=on] .simple-side-rail .arrowsContainer{gap:var(--space-2)}:root[data-simple-mode=on] .simple-side-rail .waveformBox,:root[data-simple-mode=on] .simple-side-rail .arrowButton{min-height:var(--kid-touch-min-compact);padding:var(--space-2) var(--space-1)}:root[data-simple-mode=on] .simple-side-rail .waveformIcon{width:22px;height:22px}:root[data-simple-mode=on] .simple-side-rail .arrowButton .directionIcon{width:20px;height:20px}:root[data-simple-mode=on] #gridArea #matrix{width:min(97vw,100%);max-width:min(97vw,100%);max-height:max(48.5vw,min(97vw,calc(100svh - 264px - env(safe-area-inset-bottom,0px))))}:root[data-simple-mode=on] #gridArea.piano-keyboard-on #matrix{width:calc(min(97vw,100%) - 44px);max-width:calc(min(97vw,100%) - 44px);min-width:236px}:root[data-simple-mode=on] #spectrumCanvas{top:auto;bottom:0}:root[data-simple-mode=on] #gridArea.gridbars-on .grid-scrollbar:not(.inert){width:10px}:root[data-simple-mode=on]{--kid-radius-tile: 4px}}@media(min-width:600px)and (max-width:768px){:root[data-simple-mode=on] .simple-side-rail{flex-direction:row;align-items:start;gap:var(--space-4)}:root[data-simple-mode=on] .simple-rail-slot{flex:1 1 0}}:root[data-simple-mode=on] .simple-toolbar-center.smf-split{gap:var(--space-4) var(--space-3)}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-play{order:1}:root[data-simple-mode=on] .simple-toolbar-center.smf-split #simpleSoundButton{order:2}:root[data-simple-mode=on] .simple-toolbar-center.smf-split #simpleScaleButton{order:3}:root[data-simple-mode=on] .simple-toolbar-center.smf-split #simpleEffectsButton{order:4}:root[data-simple-mode=on] .simple-toolbar-center.smf-split:after{content:"";order:5;flex-basis:100%;height:0}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-tempo{order:6}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-undo{order:7}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-redo{order:8}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-clear{order:9}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-tempo{flex:1 1 0;min-width:var(--simple-pill-floor);max-width:240px}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-tempo input[type=range].song-bar-tempo-slider{flex:1 1 0;width:auto;min-width:0}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-slot-play #playStopButton{min-width:clamp(var(--simple-pill-floor),22vw,118px)}:root[data-simple-mode=on] .simple-toolbar-center.smf-split .simple-toolbar-btn{min-width:clamp(var(--simple-pill-floor),19vw,104px)}:root[data-simple-mode=on] .simple-toolbar-center.smf-split :is(.simple-toolbar-btn,.simple-slot-play #playStopButton){padding-inline:var(--space-3)}@media(max-width:430px){:root[data-simple-mode=on][data-simple-skin=kid] #simpleModeToolbar :is(#mySongsButton,#share-button,#optionsButton,#simpleExitButton){width:36px;height:36px;min-width:36px;min-height:36px}:root[data-simple-mode=on] .simple-logo{height:min(22px,calc((100vw - 184px) * 55 / 572))}}@media(max-width:380px){:root[data-simple-mode=on] .simple-logo{height:28px;width:28px;object-fit:cover;object-position:left center}:root[data-simple-mode=on] #simpleModeToolbar .simple-toolbar-btn,:root[data-simple-mode=on] #simpleModeToolbar .simple-slot-clear #clearButton .controlButton-label,:root[data-simple-mode=on] #simpleModeToolbar .simple-slot-play #playStopButton{font-size:var(--text-xs)}:root[data-simple-mode=on] .simple-toolbar-center.smf-split :is(.simple-toolbar-btn,.simple-slot-play #playStopButton){padding-inline:var(--space-2);min-width:var(--simple-pill-floor-tight)}:root[data-simple-mode=on] .simple-toolbar-btn-icon{width:var(--icon-md);height:var(--icon-md)}}@media(max-width:768px)and (orientation:landscape)and (max-height:480px){:root[data-simple-mode=on] .matrix-row{flex-wrap:nowrap}:root[data-simple-mode=on] .simple-side-rail{flex:0 0 auto;width:clamp(60px,14vw,76px);align-self:stretch;overflow-y:auto;padding:var(--space-2) var(--space-2) var(--space-3);--simple-rail-cols: 1fr;flex-direction:column;align-items:stretch}:root[data-simple-mode=on] .simple-rail-slot{flex:0 1 auto}:root[data-simple-mode=on] .simple-rail-divider{display:block}:root[data-simple-mode=on] #gridArea #matrix{max-height:min(96vh,calc(100svh - 124px - env(safe-area-inset-bottom,0px)))}:root[data-simple-mode=on] #spectrumCanvas{top:0;bottom:auto}}:root[data-simple-mode=on] .share-export-dialog .share-export-option{background:var(--kid-surface);border:0;border-radius:var(--kid-radius-pad);box-shadow:var(--kid-lift);transition:transform var(--duration-instant) ease-out,box-shadow var(--duration-instant) ease-out,color var(--transition-fast),background-color var(--transition-fast)}:root[data-simple-mode=on] .share-export-dialog .share-export-option-label{font-weight:700}:root[data-simple-mode=on] .share-export-dialog .share-export-option-icon{border:0;border-radius:var(--radius-full);background:var(--kid-surface-strong)}:root[data-simple-mode=on] .share-export-dialog :is(.share-export-copy-btn,.share-export-length-confirm,.share-export-length-step){border:0;border-radius:var(--radius-pill);background:var(--kid-surface);box-shadow:var(--kid-lift);font-weight:700;transition:transform var(--duration-instant) ease-out,box-shadow var(--duration-instant) ease-out,color var(--transition-fast),background-color var(--transition-fast)}:root[data-simple-mode=on] .share-export-dialog :is(.share-export-url,.share-export-length-num){border:0;border-radius:var(--radius-pill);background:var(--kid-surface-strong)}@media(hover:hover){:root[data-simple-mode=on] .share-export-dialog :is(.share-export-option,.share-export-copy-btn,.share-export-length-confirm,.share-export-length-step):hover:not(.is-loading):not(:disabled){transform:translateY(-1px);background:var(--kid-surface-hover)}}:root[data-simple-mode=on] .share-export-dialog :is(.share-export-option,.share-export-copy-btn,.share-export-length-confirm,.share-export-length-step):active:not(.is-loading):not(:disabled){transform:translateY(var(--kid-lift-h));box-shadow:var(--kid-lift-none)}#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:var(--text-3xs)/1 var(--font-mono);letter-spacing:var(--tracking-tight);text-align:left;padding:0 var(--space-3);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:var(--opacity-disabled)}#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(var(--piano-sounding-natural),var(--piano-sounding-natural)),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(var(--piano-sounding-accidental),var(--piano-sounding-accidental)),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:var(--text-md);padding:0 var(--space-4)}#pianoKeyboard[data-rows="16"] .piano-key{font-size:var(--text-xs);padding:0 var(--space-4)}#pianoKeyboard[data-rows="64"] .piano-key{font-size:7.5px;padding:0 var(--space-2);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 var(--space-2)}#pianoKeyboard[data-rows="8"] .piano-key{font-size:var(--text-xs);padding:0 var(--space-3)}#pianoKeyboard[data-rows="16"] .piano-key{font-size:var(--text-3xs);padding:0 var(--space-2)}}.toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%,8px);z-index:var(--z-fullscreen);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);background:var(--surface-toast);color:var(--ink-light);font-size:var(--text-sm);line-height:1.4;max-width:min(90vw,420px);display:flex;gap:var(--space-5);align-items:center;overflow:hidden;opacity:0;transition:opacity .25s ease-out,transform .25s ease-out}.toast--visible{opacity:1;transform:translate(-50%)}.toast--instant{transform:translate(-50%);transition:none}.toast-action{background:transparent;border:0;color:var(--color-active);font:inherit;font-weight:600;cursor:pointer;padding:0 var(--space-2);white-space:nowrap}.toast-close{background:transparent;border:0;color:inherit;line-height:1;cursor:pointer;padding:0 var(--space-2);display:inline-flex;align-items:center}.toast-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor;opacity:.45;transform-origin:left center;pointer-events:none}.app-banner{position:fixed;top:var(--space-5);left:var(--space-5);right:var(--space-5);margin:0 auto;width:fit-content;max-width:520px;z-index:var(--z-fullscreen);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-danger);border-radius:var(--radius-md);background:var(--surface-toast);color:var(--ink-light);font-size:var(--text-sm);line-height:1.4}.app-banner-text{flex:1 1 16em}.app-banner-title{font-weight:600;margin-bottom:var(--space-1)}.app-banner-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.app-banner-action{background:transparent;border:0;color:var(--color-active);font:inherit;font-weight:600;cursor:pointer;padding:0 var(--space-2);white-space:nowrap}.app-banner-close{display:flex;background:transparent;border:0;color:inherit;cursor:pointer;padding:var(--space-1);opacity:.7}.app-banner-close:hover{opacity:1}.track-overview{position:absolute;top:0;right:0;bottom:0;left:0;max-height:var(--track-overview-max-h, none);z-index:var(--z-overlay);display:flex;flex-direction:column;overflow:hidden;color:var(--main-font-color);--to-text-strong: color-mix(in srgb, var(--main-font-color) 90%, transparent);--to-text-default: color-mix(in srgb, var(--main-font-color) 75%, transparent);--to-text-muted: color-mix(in srgb, var(--main-font-color) 60%, transparent);--to-text-faint: color-mix(in srgb, var(--main-font-color) 45%, transparent);background:radial-gradient(1100px 480px at 80% -12%,color-mix(in srgb,var(--color-active) 12%,transparent),transparent 62%),radial-gradient(820px 460px at 6% 112%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 60%),color-mix(in srgb,var(--overlay-frosted) 76%,transparent);backdrop-filter:blur(var(--blur-scrim));-webkit-backdrop-filter:blur(var(--blur-scrim))}:root[data-performance-mode=on] .track-overview{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(1100px 480px at 80% -12%,color-mix(in srgb,var(--color-active) 12%,transparent),transparent 62%),radial-gradient(820px 460px at 6% 112%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 60%),var(--overlay)}#gridArea.track-overview-open{overflow:hidden}.track-overview__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--surface-tint-2)}.track-overview__head-main{flex:1;min-width:0}.track-overview__head-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-5)}.track-overview__song{margin:var(--space-2) 0 0;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--to-text-default)}.track-overview__title{margin:0;font-size:var(--text-lg);color:var(--main-font-color)}.track-overview__trk{font-size:var(--text-sm);color:var(--to-text-default)}.track-overview__trk.is-nav{display:inline-flex;align-items:center;gap:var(--space-2)}.track-overview__trk-name{color:var(--main-font-color);font-weight:600}.track-overview__trk-step{width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--surface-tint-3);display:flex;align-items:center;justify-content:center;padding:0;font:inherit;font-size:var(--text-lg);line-height:1;color:var(--main-font-color);background:var(--surface-tint-1);cursor:pointer}.track-overview__trk-step:hover{border-color:color-mix(in srgb,var(--color-active) 42%,transparent);background:color-mix(in srgb,var(--color-active) 14%,transparent)}.track-overview__trk-pos{margin-left:var(--space-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--to-text-default)}.track-overview__x{flex:none;width:30px;height:30px;border-radius:var(--radius-lg);border:1px solid var(--surface-tint-3);display:flex;align-items:center;justify-content:center;color:var(--main-font-color);background:var(--surface-tint-1);cursor:pointer}.track-overview__x:hover{border-color:color-mix(in srgb,var(--color-active) 42%,transparent);background:color-mix(in srgb,var(--color-active) 14%,transparent)}.track-overview__body{position:relative;flex:1;display:grid;grid-template-columns:minmax(210px,24%) minmax(264px,30%) minmax(0,1fr);min-height:0;overflow:auto;overscroll-behavior:contain}.track-overview__list{padding:var(--space-6) var(--space-8) var(--space-8);border-right:1px solid var(--surface-tint-2)}.track-overview__list-head{margin-bottom:var(--space-5)}.track-overview__list-title{font-size:var(--text-sm);color:var(--to-text-strong)}.track-overview__section-empty{margin:0;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);line-height:1.5;color:var(--to-text-muted)}.track-overview__section{margin-bottom:var(--space-6)}.track-overview__section-head{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-1) var(--space-4)}.track-overview__section-title{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--to-text-default)}.track-overview__count{font-size:var(--text-3xs);color:var(--to-text-muted);background:var(--surface-tint-2);border-radius:var(--radius-pill);padding:1px var(--space-3)}.track-overview__row{display:flex;width:100%;margin-bottom:var(--space-2)}.track-overview__row.is-off{opacity:.55}.track-overview__row.is-noeffect .track-overview__row-label,.track-overview__row.is-noeffect .track-overview__row-val{color:var(--to-text-default)}.track-overview__row.is-noeffect .track-overview__dot{background:var(--surface-tint-5);box-shadow:none}.track-overview__row-main{display:flex;align-items:stretch;flex:1;min-width:0;border-radius:var(--radius-lg);border:1px solid var(--surface-tint-2);background:var(--surface-tint-1);transition:background var(--duration-fast),border-color var(--duration-fast)}.track-overview__row-main:hover{background:color-mix(in srgb,var(--color-active) 15%,transparent);border-color:color-mix(in srgb,var(--color-active) 42%,transparent)}.track-overview__row-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex:1;min-width:0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:none;background:none;color:var(--main-font-color);font:inherit;text-align:left;cursor:pointer}.track-overview__row-toggle{flex:none;align-self:center;margin-right:var(--space-5)}.track-overview__row-name{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.track-overview__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-active);box-shadow:0 0 7px color-mix(in srgb,var(--color-active) 70%,transparent)}.track-overview__row-right{display:flex;align-items:center;gap:var(--space-4)}.track-overview__row-val{font-size:var(--text-xs);color:var(--to-text-strong)}.track-overview__adsr{display:grid;grid-template-columns:auto auto;gap:var(--space-1) var(--space-5);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.track-overview__adsr-cell{display:flex;align-items:baseline;gap:var(--space-2);justify-content:flex-end}.track-overview__adsr-key{color:var(--to-text-faint);font-size:var(--text-2xs)}.track-overview__adsr-val{color:var(--to-text-strong)}.track-overview__chev{color:var(--to-text-muted)}.track-overview__path{padding:var(--space-6) var(--space-8);border-right:1px solid var(--surface-tint-2)}.track-overview__path-head{margin-bottom:var(--space-4)}.track-overview__path-title{font-size:var(--text-sm);color:var(--to-text-strong)}.track-overview__zone-band{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-1) 0}.track-overview__zone-band-name{font-size:var(--text-2xs);letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--to-text-muted)}.track-overview__zone-band-sub{font-size:var(--text-3xs);color:var(--to-text-faint)}.track-overview__spine{position:relative;padding-left:var(--space-9)}.track-overview__spine:before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:2px;border-radius:var(--radius-sm);opacity:.5;background:linear-gradient(var(--color-active),color-mix(in srgb,var(--color-active) 45%,var(--color-accent)),var(--color-accent))}.track-overview__stage{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-4)}.track-overview__stage:before{content:"";position:absolute;left:-23px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:var(--radius-full);background:var(--surface-darker);border:2px solid var(--color-active);box-shadow:0 0 8px color-mix(in srgb,var(--color-active) 55%,transparent)}.track-overview__stage.is-off{margin-bottom:var(--space-2)}.track-overview__stage.is-off:before{left:-21px;width:7px;height:7px;border-width:1px;border-color:var(--surface-tint-5);box-shadow:none}.track-overview__stage.is-off .track-overview__node{padding:var(--space-1) var(--space-5);border-color:transparent;background:none}.track-overview__stage.is-off .track-overview__node-name{font-size:var(--text-xs);font-weight:400;color:var(--to-text-default)}.track-overview__node{flex:1;min-width:188px;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);border:1px solid var(--surface-tint-3);background:linear-gradient(180deg,var(--surface-tint-2),var(--surface-tint-1));color:var(--main-font-color);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast)}.track-overview__node:hover:not(.is-inert){border-color:color-mix(in srgb,var(--color-active) 42%,transparent)}.track-overview__node.is-inert{cursor:default}.track-overview__node-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.track-overview__node-name{font-size:var(--text-sm);font-weight:600}.track-overview__chips{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5);margin-top:var(--space-2)}.track-overview__chip{display:inline-flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--main-font-color)}.track-overview__chip-key{color:var(--to-text-muted)}.track-overview__node-spec{margin-top:var(--space-2);font-size:var(--text-3xs);line-height:1.5;color:var(--to-text-faint);font-variant-numeric:tabular-nums}.track-overview__annot{display:flex;align-items:center;gap:var(--space-4);border:0;background:none;padding:0;font:inherit;color:var(--main-font-color);cursor:pointer}.track-overview__annot-link{width:26px;border-top:2px dashed var(--color-accent)}.track-overview__annot.is-send .track-overview__annot-link,.track-overview__annot.is-return .track-overview__annot-link{border-color:var(--color-active)}.track-overview__annot.is-return .track-overview__annot-link{border-top-style:solid}.track-overview__annot-box{display:flex;flex-direction:column;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);border:1px dashed color-mix(in srgb,var(--color-accent) 55%,transparent);background:color-mix(in srgb,var(--color-accent) 9%,transparent)}.track-overview__annot.is-send .track-overview__annot-box,.track-overview__annot.is-return .track-overview__annot-box{border-color:color-mix(in srgb,var(--color-active) 55%,transparent);background:color-mix(in srgb,var(--color-active) 9%,transparent)}.track-overview__annot-name{font-size:var(--text-xs)}.track-overview__annot-val{font-size:var(--text-2xs);margin-top:var(--space-1);color:var(--to-text-default)}.track-overview__branch{margin-bottom:var(--space-4)}.track-overview__branch .track-overview__annot-link{width:calc(var(--space-6) * 2 + var(--space-1));margin-left:calc(-1 * (var(--space-6) + var(--space-1)))}.track-overview-reveal{outline:2px solid var(--color-active);outline-offset:3px;border-radius:var(--radius-md);animation:track-overview-reveal-pulse 2.4s ease-in-out forwards}@keyframes track-overview-reveal-pulse{0%{outline-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-active) 0%,transparent)}50%{outline-color:color-mix(in srgb,var(--color-active) 70%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-active) 22%,transparent)}to{outline-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-active) 0%,transparent)}}.track-overview__stats{min-width:0;padding:var(--space-6) var(--space-8) var(--space-8)}.track-overview__stats-head{margin-bottom:var(--space-5)}.track-overview__stats-title{font-size:var(--text-sm);color:var(--to-text-strong)}.track-overview__statlevel{margin-bottom:var(--space-6)}.track-overview__statlevel-title{display:block;margin:0 var(--space-1) var(--space-4);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-control);text-transform:uppercase;color:var(--to-text-default)}.track-overview__statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:var(--space-3)}.track-overview__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--surface-tint-2);background:var(--surface-tint-1);min-width:0}.track-overview__stat-val{font-size:var(--text-sm);font-weight:600;color:var(--main-font-color);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-overview__stat-val--wrap{font-size:var(--text-xs);white-space:normal;overflow-wrap:anywhere;line-height:1.15}.track-overview__stat-key{font-size:var(--text-3xs);letter-spacing:var(--tracking-body);text-transform:uppercase;color:var(--to-text-muted)}@media(max-width:768px){.track-overview{z-index:calc(var(--z-dropdown) - 1)}.track-overview__body{grid-template-columns:minmax(0,1fr);padding-bottom:calc(44px + env(safe-area-inset-bottom))}.track-overview__list,.track-overview__path{border-right:0;border-bottom:1px solid var(--surface-tint-2);overflow:visible}.track-overview__stats{overflow:visible}.track-overview__node{min-width:0}}@media(prefers-reduced-motion:reduce){.track-overview-reveal{animation:none}}.metronome-btn.active{color:var(--color-active);border-color:var(--color-active)}.song-bar-play.counting-in .play-stop-icon,.song-bar-play.counting-in .play-stop-label{visibility:hidden}.song-bar-play.counting-in:after{content:attr(data-count-in);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.metronome-popover{z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:var(--space-2);min-width:200px;padding:var(--space-5) var(--space-6)}.metronome-popover h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--chrome-3);margin:0 0 var(--space-2)}.metronome-popover-label{font-size:var(--text-xs);color:var(--chrome-3)}.metronome-popover-select{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface-dark);color:var(--main-font-color);border:var(--border-control) solid var(--surface-border);border-radius:var(--radius);font-size:var(--text-sm)}.metronome-popover-volume{width:100%}@media only screen and (max-width:768px){.transport-play-row .metronome-btn{flex:0 0 auto;width:var(--control-height-lg);height:var(--control-height-lg)}}#mySongsButton.song-saved-accent,#headerMenuButton.song-saved-accent{color:var(--color-active);outline:var(--border-control) solid color-mix(in srgb,var(--color-active) 80%,transparent);outline-offset:var(--space-1);transition:color var(--transition-fast),outline-color var(--transition-fast)}.song-saved-label{position:fixed;z-index:var(--z-fullscreen);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-control) solid var(--color-active);border-radius:var(--radius);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);font-size:var(--text-xs);white-space:nowrap;transform:translate(-50%);pointer-events:none}.song-saved-label svg{width:var(--space-5);height:var(--space-5);color:var(--color-active)}