*,*:before,*:after{box-sizing:border-box}:root{--background-color: #1c1c1c;--main-font-color: #aeadad;--color-sine: rgb(60, 171, 255);--color-sawtooth: rgb(255, 94, 94);--color-triangle: rgb(0, 205, 0);--color-square: rgb(179, 88, 255);--color-sine-dim: rgb(40, 113, 167);--color-sawtooth-dim: rgb(167, 62, 62);--color-triangle-dim: rgb(0, 134, 0);--color-square-dim: rgb(117, 58, 167);--color-pulse: rgb(255, 175, 50);--color-pulse-dim: rgb(167, 115, 33);--color-active: var(--color-sine);--chrome-1: #444;--chrome-2: #666;--chrome-3: #999;--chrome-4: #bbb;--chrome-5: #d1d1d1;--color-play: #6abf6a;--color-play-border: #4a9e5a;--color-play-hover: #88d488;--color-stop: #c45050;--color-stop-hover: #d46a6a;--color-danger: #f83e3e;--color-danger-active: #ff7979;--color-caution: #f8ff3be1;--surface-tint-1: #ffffff08;--surface-tint-2: #ffffff0d;--surface-dark: color-mix(in srgb, var(--background-color), white 3%);--surface-darker: color-mix(in srgb, var(--background-color), black 29%);--chrome-border: #a6a6a6a3;--chrome-tab: #7f7f7f;--surface-border: #2a2a2a;--slider-thumb: #c8c8c8;--slider-track: #9e9e9e60;--toggle-border: #ffffff96;--toggle-border-hover: #ffffff6f;--toggle-border-active: #e9e9e9;--toggle-track: #a1a1a114;--toggle-thumb-border: #ffffffa5;--overlay: rgba(0, 0, 0, .7);--overlay-heavy: rgba(0, 0, 0, .85);--color-danger-deep: #b71c1c;--surface-terms: rgb(23 33 49);--tab-accent-1: #cc6677;--tab-accent-2: #cc9955;--tab-accent-3: #66aa77;--tab-accent-4: #6699bb;--tab-accent-5: #9977bb;--tab-accent-6: #bb7799;--chrome-selected: white;--color-modified: var(--color-caution);--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-base: 15px;--text-lg: 20px;--text-title: 22px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--radius: 4px;--radius-lg: 8px;--radius-full: 50%;--scrollbar-width: 6px;--scrollbar-radius: 3px;--transition-fast: .15s ease-out;--transition-slow: .3s ease-out;--z-grid: 0;--z-playhead: 2;--z-rail: 10;--z-panel: 20;--z-dropdown: 100;--z-overlay: 1000}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color);color:var(--chrome-5);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.5px}#pageContainer{flex:1;display:flex;position:relative;width:100%;max-width:100vw;margin:0;visibility:hidden}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);background:var(--surface-dark);color:var(--chrome-5);border:1px solid var(--surface-border);font-size:var(--text-xs);border-radius:var(--radius);white-space:nowrap;pointer-events:none;z-index:var(--z-dropdown);opacity:0;animation:tooltipFadeIn .15s ease forwards}.tooltip-below{bottom:auto;top:calc(100% + 6px)}.tooltip-history{position:fixed;max-height:158px;overflow-y:auto;background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius);z-index:var(--z-dropdown);pointer-events:auto;opacity:0;animation:tooltipFadeIn .15s ease forwards;white-space:nowrap;text-align:left}.tooltip-history-title{position:sticky;top:0;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--chrome-4);font-weight:600;border-bottom:2px solid var(--chrome-3);background:var(--surface-dark);z-index:1}.tooltip-history-item{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--chrome-5);border-bottom:1px solid var(--surface-border)}.tooltip-history-item:last-child{border-bottom:none}@keyframes tooltipFadeIn{to{opacity:1}}@media only screen and (max-width:768px){.tooltip{display:none!important}.tooltip-history{left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 32px)}}:focus-visible{outline:1px solid var(--chrome-4);outline-offset:2px}#audioWarning{color:#fff;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);visibility:hidden}.skip-link{position:absolute;left:-9999px;top:8px;z-index:99999;padding:8px 16px;background:#172131;color:#6ba3f7;border-radius:4px;font-size:.875rem;text-decoration:none;font-family:DM Sans,sans-serif}.skip-link:focus-visible{left:50%;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(2px,1fr));gap:.5px;width:100%;max-height:65vw;max-width:170vh;touch-action:none;position:relative;z-index:1;contain:content}.gridButton{padding:0;margin:0;background-color:var(--surface-tint-1);border:1px solid transparent;outline:none;position:relative}.gridButton.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,var(--chance-opacity, 0)) 2px,rgba(0,0,0,var(--chance-opacity, 0)) 4px);pointer-events:none}.gridButton.active[data-play-every]:after{content:attr(data-play-every);position:absolute;inset:auto;top:1px;right:2px;font-size:7px;line-height:1;color:#ffffffb3;background:none;pointer-events:none;z-index:1}#matrix[data-cols="8"] .gridButton.active[data-play-every]:after{font-size:14px;top:2px;right:4px}#matrix[data-cols="16"] .gridButton.active[data-play-every]:after{font-size:10px;top:2px;right:3px}#matrix[data-cols="8"] .gridButton.active[data-play-countdown]:after{font-size:14px;top:2px;right:4px}#matrix[data-cols="16"] .gridButton.active[data-play-countdown]:after{font-size:10px;top:2px;right:3px}.gridButton.active[data-play-countdown]:after{content:attr(data-play-countdown)}.gridButton.active[data-play-countdown="0"]:after{content:none}.gridButton.active.play-every-skipped{opacity:.35!important}.gridButton.root-note{background-color:var(--surface-tint-2)}.gridButton.outside-audio,.gridButton.root-note.outside-audio{background-color:var(--surface-tint-1)}.gridButton.drum-disabled{opacity:.25;pointer-events:none}.gridButton.loop-dimmed{opacity:.25}.gridButton.hover{border-color:color-mix(in srgb,var(--chrome-3) 45%,transparent)}#playhead{position:absolute;top:0;height:100%;background-color:#ffffff0f;pointer-events:none;z-index:var(--z-playhead);display:none;will-change:left}.gridButton.active[data-waveform=sine]{border-color:var(--color-sine)}.gridButton.active[data-waveform=sawtooth]{border-color:var(--color-sawtooth)}.gridButton.active[data-waveform=triangle]{border-color:var(--color-triangle)}.gridButton.active[data-waveform=square]{border-color:var(--color-square)}.gridButton.active[data-waveform=pulse]{border-color:var(--color-pulse)}.gridButton.playing,.gridButton.active.playing,.gridButton.root-note.playing{border-color:var(--glow-color, yellow);border-width:1.15px;border-style:solid;animation:noteGlow var(--glow-duration, .3s) ease-out forwards}.playheadRandom,.gridButton.root-note.playheadRandom{background-color:#ffffff0f}.gridButton.active.note-head,.gridButton.active.note-head.hover,.gridButton.active.note-head.playing{border-right-color:transparent!important}.gridButton.active.note-body,.gridButton.active.note-body.hover,.gridButton.active.note-body.playing{border-left-color:transparent!important;border-right-color:transparent!important}.gridButton.active.note-tail,.gridButton.active.note-tail.hover,.gridButton.active.note-tail.playing{border-left-color:transparent!important}.gridButton.selection-preview{background-color:#ffffff14}.gridButton.selected{box-shadow:inset 0 0 0 1.5px #ffffff80}.gridButton.active.selected{box-shadow:inset 0 0 0 1.5px #ffffffbf}.gridButton.active.note-head.selected{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1.5px #ffffffbf,inset 1.5px 0 #ffffffbf}.gridButton.active.note-body.selected{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1.5px #ffffffbf}.gridButton.active.note-tail.selected{box-shadow:inset 0 1.5px #ffffffbf,inset 0 -1.5px #ffffffbf,inset -1.5px 0 #ffffffbf}.gridButton.move-ghost{opacity:.3!important}.gridButton.move-preview{box-shadow:inset 0 0 0 1px #fff6;background-color:#ffffff0f}.show-notes .gridButton[data-step]:before{content:attr(data-step);position:absolute;top:1px;left:50%;transform:translate(-50%);font-size:clamp(6px,1vw,13px);line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.show-notes .gridButton[data-note]:before{content:attr(data-note);position:absolute;right:1px;top:50%;transform:translateY(-50%);font-size:clamp(6px,1vw,13px);line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.show-notes .gridButton[data-step][data-note]:before{content:attr(data-note);left:auto;top:50%;right:1px;transform:translateY(-50%)}.show-notes .gridButton[data-step-bottom]:before{content:attr(data-step-bottom);position:absolute;bottom:1px;left:50%;transform:translate(-50%);font-size:clamp(6px,1vw,13px);line-height:1;color:var(--chrome-3);opacity:.7;pointer-events:none;z-index:1;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.show-notes .gridButton[data-step-bottom][data-note]:before{content:attr(data-note);left:auto;bottom:auto;top:50%;right:1px;transform:translateY(-50%)}#matrix[data-cols="64"].show-notes .gridButton[data-step]:before,#matrix[data-cols="64"].show-notes .gridButton[data-note]:before,#matrix[data-cols="64"].show-notes .gridButton[data-step-bottom]:before{font-size:clamp(5px,.55vw,8px)}.gridButton.hidden-note-above{box-shadow:inset 0 2px 0 0 var(--indicator-color)}.gridButton.hidden-note-below{box-shadow:inset 0 -2px 0 0 var(--indicator-color)}.tabContainer{width:100%}.tabs{display:flex;margin-top:var(--space-2);margin-bottom:var(--space-2);white-space:nowrap;border-bottom:1px solid var(--chrome-tab)}.tabButton{display:inline-block;padding:var(--space-3) var(--space-4);background-color:transparent;color:var(--chrome-tab);cursor:pointer;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);margin-bottom:-1px;border-bottom:1px solid var(--chrome-tab);font-size:var(--text-sm);letter-spacing:.5px}.tabButton:hover{background-color:var(--surface-tint-1)}.tabButton:active{color:var(--chrome-4)}@media(hover:none){.tabButton:hover{background-color:transparent}}.tabContent>div{display:none;grid-template-columns:repeat(2,1fr);gap:var(--space-4);min-width:0}.tabContent{min-width:0}.tabs,.tabContent{grid-column:1 / -1}.tabContainer:has(#oscTab1:checked) .tabContent #oscTab1Content,.tabContainer:has(#oscTab2:checked) .tabContent #oscTab2Content,.tabContainer:has(#oscTab3:checked) .tabContent #oscTab3Content,.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(#editTab2:checked) .tabContent #editTab2Content{display:block}.tabContainer:has(#optionsTab1:checked) .tabContent #optionsTab1Content,.tabContainer:has(#optionsTab2:checked) .tabContent #optionsTab2Content,.tabContainer:has(#optionsTab3:checked) .tabContent #optionsTab3Content{display:flex;flex-direction:column;gap:var(--space-5)}#oscTab1Content,#oscTab2Content,#oscTab3Content{gap:var(--space-6)}.tabContainer:has(#oscTab1:checked) label[for=oscTab1],.tabContainer:has(#oscTab2:checked) label[for=oscTab2],.tabContainer:has(#oscTab3:checked) label[for=oscTab3],.tabContainer:has(#fxTab1:checked) label[for=fxTab1],.tabContainer:has(#fxTab3:checked) label[for=fxTab3],.tabContainer:has(#fxTab2:checked) label[for=fxTab2],.tabContainer:has(#optionsTab1:checked) label[for=optionsTab1],.tabContainer:has(#optionsTab2:checked) label[for=optionsTab2],.tabContainer:has(#optionsTab3:checked) label[for=optionsTab3],.tabContainer:has(#editTab1:checked) label[for=editTab1],.tabContainer:has(#editTab2:checked) label[for=editTab2]{border-top:1px solid var(--chrome-tab);border-right:1px solid var(--chrome-tab);border-left:1px solid var(--chrome-tab);border-bottom:1px solid var(--background-color);color:var(--chrome-4)}.tabButton--colors span:nth-child(1){color:var(--tab-accent-1)}.tabButton--colors span:nth-child(2){color:var(--tab-accent-2)}.tabButton--colors span:nth-child(3){color:var(--tab-accent-3)}.tabButton--colors span:nth-child(4){color:var(--tab-accent-4)}.tabButton--colors span:nth-child(5){color:var(--tab-accent-5)}.tabButton--colors span:nth-child(6){color:var(--tab-accent-6)}.tabContent .envDimmedContainer,.tabContent .effectDimmedContainer{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.tabContent .envToggleButton{grid-column:1 / -1;padding:4px;color:#a4a4a4}.tabContent .colItem{grid-column:1 / -1}.tabContent #oscTab3Content{grid-template-columns:1fr}.unisonGrid,.driftGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}input[type=radio]{display:none}.lfoGroup,.section-title{position:relative;text-transform:uppercase;margin:var(--space-1) 0 0 0;font-size:var(--text-xs);font-weight:800;letter-spacing:1.2px;color:var(--chrome-3);padding:5px var(--space-4);background:var(--surface-tint-1)}.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;margin-right:var(--space-1);font-size:1.2em;transition:transform .15s ease}.section-collapsible.section-collapsed:before{transform:rotate(-90deg)}.section-collapse-hidden{display:none!important}#panelSequencer .section-title{margin-bottom:0}.section-title--grid{grid-column:1 / -1}.pitchEnvTitle,.vizTitle,.lfoTitle,.masterEffectTitle{display:flex;align-items:center}.adsr-preview-title{display:flex;align-items:center;justify-content:space-between}#adsrPreviewPath{fill:none;stroke:var(--chrome-3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.controlButton.inlineToggle{margin-left:auto;padding:5px;font-size:var(--text-sm);line-height:1;color:var(--chrome-3)}.drum-track-active [data-drum-hide],[data-drum-show]{display:none!important}.drum-track-active [data-drum-show]{display:block!important}.drum-only-message{grid-column:1 / -1;text-align:center;color:var(--chrome-3);font-size:var(--text-md)}.drum-track-active .scaleTempoRow{grid-template-columns: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)}#shiftNotesGroup{order:-1}.drum-track-active #shiftNotesGroup{order:unset}.drum-row-selected{background-color:#ffffff26!important;box-shadow:inset 0 0 0 1px #fff3}.controlButtonContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:0}.presetContainer{margin:0 0 var(--space-2) 0;display:flex;gap:var(--space-3);align-items:center}#presetSelectBox{flex:1;min-width:0;padding:0 var(--space-8) 0 var(--space-5);font-size:var(--text-md);height:32px;line-height:32px}.presetContainer.loading #presetSelectBox{opacity:.6}.presetContainer.loading .spinner{display:inline-block}.preset-retry-btn{display:none;flex-shrink:0;width:28px;height:28px;padding:0;font-size:16px;line-height:1;color:var(--warning-color, #e8a735);background:transparent;border:1px solid var(--warning-color, #e8a735);border-radius:var(--radius);cursor:pointer}.presetContainer.load-error #presetSelectBox{opacity:.6;border-color:var(--warning-color, #e8a735)}.presetContainer.load-error .preset-retry-btn{display:inline-flex;align-items:center;justify-content:center}.presetNavButton{flex-shrink:0;width:32px;height:32px;padding:0;font-size:var(--text-lg);line-height:1;color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.presetNavButton:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.presetNavButton:active{color:var(--chrome-selected);border-color:var(--chrome-5)}@media(hover:none){.presetNavButton:hover{color:var(--main-font-color);border-color:var(--chrome-border)}}.texturePresetContainer{margin:var(--space-2) 0;justify-content:center}.masterPresetSelect.selectBox{flex:1;min-width:0;padding:0 var(--space-8) 0 var(--space-5);font-size:var(--text-sm);height:32px;line-height:32px}.customizeToggle{display:block;width:100%;margin:var(--space-2) 0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.customizeToggle.customizeActive{border-color:var(--chrome-4);color:var(--chrome-5)}.slide-panel .sliderContainer.textureSliders--hidden{display:none}.colItem{display:flex;flex-direction:column;gap:var(--space-4);width:100%}#playStopButton{display:inline-block;padding:var(--space-3) var(--space-7);font-size:var(--text-lg);color:var(--color-play);background-color:transparent;border:.5px solid var(--color-play-border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),transform .1s ease;letter-spacing:1px;margin:var(--space-3) 0 0 0}#playStopButton:hover{border-color:var(--color-play-border);color:var(--color-play-hover)}#playStopButton:active{transform:scale(.97)}#playStopButton.stopState{border-color:var(--color-stop);color:var(--color-stop)}#playStopButton.stopState:hover{color:var(--color-stop-hover)}.controlButton{display:inline-block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast)}.controlButton:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.controlButton:active{color:var(--chrome-selected);border-color:var(--chrome-5)}@media(hover:none){.controlButton:hover{color:var(--main-font-color);border-color:var(--chrome-border)}}.controlButton.toggle-active{border-color:var(--chrome-4)}#clearButton:hover{border:.5px solid var(--color-danger);color:var(--chrome-5)}@media(hover:none){#clearButton:hover{border:.5px solid var(--chrome-border);color:var(--chrome-3)}}#clearButton:active{border:.5px solid var(--color-danger-active)}#clearButton.confirm-pending{border-color:var(--color-danger);color:var(--color-danger)}#clearButton.clear-split{display:flex;gap:4px;align-items:stretch;border-color:transparent;padding:0;flex:0 0 auto}#clearButton.clear-split .clear-split-btn{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);letter-spacing:.5px;cursor:pointer;border-radius:var(--radius);color:var(--main-font-color);background:transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}#clearButton.clear-split .clear-split-all{border:.5px solid var(--color-danger)}#clearButton.clear-split .clear-split-page{border:.5px solid var(--color-caution)}#clearButton.clear-split .clear-split-all:hover{color:var(--color-danger)}#clearButton.clear-split .clear-split-page:hover{color:var(--color-caution)}@media(hover:none){#clearButton.clear-split .clear-split-all:hover,#clearButton.clear-split .clear-split-page:hover{color:var(--main-font-color)}}#resetAllButton.confirm-pending{border-color:var(--color-danger);color:var(--color-danger)}#resetSlidersButton:hover{color:var(--chrome-5);border:.5px solid var(--color-caution)}@media(hover:none){#resetSlidersButton:hover{border:.5px solid var(--chrome-1);color:var(--chrome-3)}}#resetSlidersButton:active{border:.5px solid var(--color-caution)}#resetSlidersButton.confirm-pending{border-color:var(--color-caution);color:var(--color-caution)}.exportImportButton{padding:var(--space-3) var(--space-4)}.exportImportButton:active{border-color:var(--chrome-5)}.utilButtons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);grid-column:1 / -1}.utilButtons .download-control-button{grid-column:1 / -1}.utilButtons .controlButton{width:100%;padding-top:var(--space-4);padding-bottom:var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3)}.utilButtons .controlButton svg{flex-shrink:0;vertical-align:middle}.midi-record-btn,.sidebar-midi-record{display:none}.transport-play-row{display:flex;gap:var(--space-4);align-items:stretch}.transport-play-row #playStopButton{flex:1;min-width:0;margin-top:0}.transport-play-row .sidebar-midi-record{margin-top:0}.effectToggle--outline{font-size:0;line-height:0;overflow:hidden;position:relative;border:none;background:transparent;padding:0;width:28px;height:18px;display:flex;align-items:center;flex-shrink:0}.effectToggle--outline:before{content:"";position:absolute;width:26px;height:14px;border-radius:7px;background:transparent;border:1px solid rgba(255,255,255,.15);left:1px;transition:border-color .1s ease-out}.effectToggle--outline:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff3;left:4px;transition:left .1s ease-out,background .1s ease-out}.effectToggle--outline.toggle-active:before{border-color:#ffffff73}.effectToggle--outline.toggle-active:after{left:14px;background:#ffffffb3}.labelContainer{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-width:0}.labelContainer label{overflow:hidden;text-overflow:ellipsis}.labelContainer .sliderValueDisplay{flex-shrink:0}label{font-size:var(--text-sm);color:var(--main-font-color);font-weight:500;white-space:nowrap}.selectBox{cursor:pointer;width:100%;border-radius:var(--radius);text-align:left;padding-left:var(--space-7);font-size:var(--text-xs);color:var(--main-font-color);border:.5px solid var(--chrome-border);letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxLDEgNiw2IDExLDEiIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PC9zdmc+);background-repeat:no-repeat;background-position:right 6px center;background-size:12px 8px;padding-right:var(--space-8)}.selectBox:hover{color:var(--chrome-5);border:.5px solid var(--chrome-4)}.selectBox:active{border-color:var(--chrome-4)}.selectBox:focus-visible{outline:1px solid var(--chrome-4);outline-offset:2px;border-color:var(--chrome-1);box-shadow:none;background-color:transparent}@media(hover:none){.selectBox:hover{background-color:transparent;color:var(--chrome-3)}}#fileInput{display:none}#scaleSelectBox,#unisonWaveSelect{margin-top:0;padding:var(--space-4) var(--space-3)}.scaleTempoRow .scaleContainer{display:flex;align-items:center}#gridSizeSelectBox{padding:0 var(--space-8) 0 var(--space-6);font-size:var(--text-md)}.scaleContainer{display:flex;flex-direction:column;width:100%}.editGroup{display:flex;flex-direction:column;align-items:center;align-self:start;width:100%}.editGroup>.section-title{margin-bottom:var(--space-6)}.moveNotesContainer{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.moveNotesScope{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-xs)}.horizontalButtons{display:flex;gap:var(--space-1);justify-content:space-between;width:76px}.transposeContainer,.gridScrollContainer{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.transposeLabel{font-size:var(--text-sm);color:var(--chrome-2);font-weight:500}.transposeLabel.transpose-limit{color:var(--color-danger-active);animation:transpose-shake .3s ease-out}@keyframes transpose-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.transposeModeButton{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);margin-top:var(--space-2);min-width:48px}.shiftTransposeGroup{grid-column:1 / -1;align-items:stretch}.shiftTransposeColumns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%}.shiftTransposeCol{display:flex;flex-direction:column;align-items:center}#notePropertiesGroup{grid-column:1 / -1;align-items:stretch}#notePropertiesGroup>.section-title{margin-bottom:var(--space-4)}.notePropertiesContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%}#notePropertiesGroup.disabled .notePropertiesContainer{opacity:.5;pointer-events:none}.np-waveform-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.np-waveform-row .waveformBox{width:20px;height:20px}.np-waveform-item{display:flex;flex-direction:column;gap:var(--space-1)}.sliderItem.wide{grid-column:span 2}.editArrowButton{position:relative;width:var(--space-8);height:var(--space-8);background-color:transparent;border:.5px solid transparent;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast)}.editArrowButton:hover{border-color:var(--chrome-4)}.editArrowButton:active{border-color:var(--chrome-5)}.editArrowButton.leftArrow:before{content:"";position:absolute;top:50%;left:60%;transform:translate(-50%,-50%) rotate(-45deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.editArrowButton.rightArrow:before{content:"";position:absolute;top:50%;left:40%;transform:translate(-50%,-50%) rotate(135deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.editArrowButton.downArrow:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-135deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.editArrowButton.upArrow:before{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.gen-density{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:center}.gen-density .sliderItem{visibility:visible}.gen-options{display:grid;gap:var(--space-5) var(--space-8);margin-top:var(--space-5);margin-bottom:var(--space-3)}.gen-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs)}.randomize-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);width:90%;margin-bottom:var(--space-3)}.hidden{display:none;visibility:hidden}.lfoDisabled{opacity:.5;pointer-events:none}.masterEffectSection{grid-column:1 / -1}.masterEffectSection.masterEffectDisabled{opacity:.5;pointer-events:none}.sidechainSection{grid-column:1 / -1}.sidechainSection.masterEffectDisabled{opacity:.5;pointer-events:none}.sidechainGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--gap-md, 12px)}.pitchEnvGrid{grid-template-columns:repeat(2,1fr)}.pitchEnvAmountItem{grid-column:1 / -1}.visualizer-row{display:flex;align-items:center;gap:var(--space-4);grid-column:1 / -1;margin-bottom:var(--space-5)}.visualizer-row .spectrumRow{flex:1;min-width:0}.visualizer-row .themeBrowser{flex:2;min-width:0;margin-top:var(--space-3);margin-bottom:0;padding:0 var(--space-5)}.visualizer-row .themeBrowser #vizThemePrevButton{margin-left:var(--space-8)}.visualizer-row .themeBrowser #vizThemeNextButton{margin-right:var(--space-8)}.themeBrowser{display:flex;align-items:center;justify-content:center;gap:var(--space-4);grid-column:1 / -1;margin-bottom:var(--space-3)}.themeName{font-size:var(--text-sm);color:var(--main-font-color);width:160px;flex-shrink:0;text-align:center;white-space:nowrap}.noiseTypeContainer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.noiseTypeButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.noiseTypeButton.selected{border-color:var(--chrome-selected)}.distortionButtonGroup{width:100%}#distortionModeSelect{padding:var(--space-4) var(--space-3)}.filterEnvDirectionContainer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.filterEnvDirectionButton.selected{border-color:var(--chrome-selected)}.subOscWaveContainer{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:var(--space-3)}.subOscOctaveContainer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.subOscWaveButton{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:transparent;border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast);padding:0;font-size:0}.subOscWaveButton:before{content:"";display:block;width:16px;height:16px;background-color:var(--chrome-3);transition:background-color var(--transition-fast);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.subOscWaveButton:hover{border-color:var(--chrome-4)}.subOscWaveButton:hover:before{background-color:var(--chrome-selected)}.subOscWaveButton.selected{border-color:var(--chrome-selected)}.subOscWaveButton.selected:before{background-color:var(--chrome-selected)}.subOscOctaveButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.subOscOctaveButton.selected{border-color:var(--chrome-selected)}.filterSection{display:flex;flex-direction:column;gap:var(--space-4)}.filterGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.filterGrid .filterEnvDirectionContainer,.filterGrid .filterEnvAmountItem{grid-column:1 / -1}.envDimmedContainer,.effectDimmedContainer{transition:opacity var(--transition-fast)}.envDimmedContainer.lfoDisabled,.effectDimmedContainer.lfoDisabled{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)}.lfoSyncDivision{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);max-width:64px}.lfoSyncActive{opacity:.4;pointer-events:none}.delaySyncContainer{grid-column:1 / -1}.effect-separator{grid-column:1 / -1;height:1px;background-color:var(--surface-tint-2);margin:var(--space-2) 0}.colorPicker{width:100%;height:28px;border:0px;border-radius:var(--radius);background-color:transparent;cursor:pointer}.colorPickerInline{width:32px;height:32px;flex-shrink:0}.colorPickerInline:disabled{opacity:.5;pointer-events:none}.color-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-5)}.sliderItem.colorPickerRow{flex-direction:row;align-items:center;justify-content:space-between;margin:0}.spectrumRow{flex-direction:row;align-items:center;justify-content:space-between}.sliderItem.spectrumSliderRow{flex-direction:row;align-items:center;gap:var(--space-6);grid-column:1 / -1}.spectrumSliderRow label{flex-shrink:0}.spectrumSliderRow input[type=range]{flex:1;min-width:0}.spectrumSliderRow .sliderValueDisplay{flex-shrink:0;min-width:2rem;text-align:right}.cycleColorsContainer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);grid-column:1 / -1;margin-top:var(--space-4);margin-bottom:var(--space-4)}.cycleColorsContainer label{flex-shrink:0}.cycleColorsContainer.disabled{opacity:.5;pointer-events:none}.cycleColorsButtons{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}#fullscreenVisualizerControls{display:flex;align-items:center;gap:var(--space-4);grid-column:1 / -1;margin-bottom:var(--space-4)}#fullscreenVisualizerControls.disabled{display:none}.cycleSpeedButton{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.cycleSpeedButton.selected{border-color:var(--chrome-selected)}#spectrumControls{transition:opacity var(--transition-fast)}#spectrumControls.disabled,.visualizer-row.disabled{opacity:.5;pointer-events:none}.sliderContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%;padding:var(--space-1) 0;height:auto;overflow:hidden;opacity:1}.sliderContainer.collapsed{height:0}.sliderItem{display:flex;flex-direction:column;gap:var(--space-3);visibility:hidden;min-width:0}.sliderValueDisplay{color:var(--chrome-3);font-size:var(--text-sm);white-space:nowrap}.tempoCol{gap:0}.tempoHeader{display:flex;justify-content:space-between;align-items:center}.tapTempoButton{padding:var(--space-1) var(--space-5);font-size:var(--text-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--chrome-4);background:transparent;border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);margin-top:var(--space-1)}.tapTempoButton:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.tapTempoButton:active{color:var(--color-caution);border-color:var(--color-caution)}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}input[type=range]:hover{opacity:1}input[type=range]:focus{outline:none;background:transparent}input[type=range]:focus-visible{outline:1px solid var(--chrome-4);outline-offset:2px}input[type=range]::-webkit-slider-runnable-track{width:95%;height:2px;background:linear-gradient(to right,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%));border-radius:2px}input[type=range]::-moz-range-track{width:95%;height:2px;background:var(--slider-track);border-radius:2px}input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:-7px}input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}input[type=range]::-moz-range-thumb:active{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.fader-group{display:flex;justify-content:space-evenly;grid-column:1 / -1;padding:0}.fader-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 0}.fader-item input[type=range]{writing-mode:vertical-lr;direction:rtl;width:20px;height:80px}.fader-item input[type=range]::-webkit-slider-runnable-track{width:2px;height:auto;background:linear-gradient(to top,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%))}.fader-item input[type=range]::-moz-range-track{width:2px;height:100%;background:var(--slider-track)}.fader-item input[type=range]::-webkit-slider-thumb{margin-top:0;margin-left:-7px}.fader-item input[type=range]:focus-visible{outline:none}.fader-item .sliderValueDisplay,.fader-item label{font-size:var(--text-xs);text-align:center}.sliderItem:hover .sliderValueDisplay,.sliderItem:focus-within .sliderValueDisplay{color:var(--color-active);transition:color var(--transition-fast)}.randomizeDice{width:2rem;height:2rem;border-radius:var(--radius);border:.5px solid var(--chrome-3);cursor:pointer;background-color:transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast);position:relative;justify-self:center;align-self:center}.randomizeDice:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:var(--chrome-4);box-shadow:-7px -7px 0 var(--chrome-4),7px -7px 0 var(--chrome-4),-7px 7px 0 var(--chrome-4),7px 7px 0 var(--chrome-4)}.randomizeDice:hover{background-color:var(--surface-tint-1);color:var(--chrome-5)}#randomGenDice:hover{background-color:var(--surface-tint-2);border:.5px solid var(--chrome-selected)}.waveformBox{position:relative;display:flex;justify-content:center;width:26px;height:26px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast);--waveform-icon-color: var(--waveform-color-dim)}.waveformBox.selected{border-color:var(--waveform-color, var(--color-active));--waveform-icon-color: var(--waveform-color)}.waveformBox:hover{border-color:var(--waveform-color, var(--chrome-3));--waveform-icon-color: var(--waveform-color)}.waveformBox:active{border-color:var(--waveform-color, var(--chrome-5));--waveform-icon-color: var(--waveform-color)}.waveformBox.selected:hover{border-color:var(--waveform-color, var(--color-active))}.waveformBox:focus{border-color:var(--waveform-color, var(--chrome-5));--waveform-icon-color: var(--waveform-color)}.sineBox{--waveform-color: var(--color-sine);--waveform-color-dim: var(--color-sine-dim);border-radius:var(--radius)}.sawtoothBox{--waveform-color: var(--color-sawtooth);--waveform-color-dim: var(--color-sawtooth-dim);border-radius:var(--radius)}.triangleBox{--waveform-color: var(--color-triangle);--waveform-color-dim: var(--color-triangle-dim);border-radius:var(--radius)}.squareBox{--waveform-color: var(--color-square);--waveform-color-dim: var(--color-square-dim);border-radius:var(--radius)}.pulseBox{--waveform-color: var(--color-pulse);--waveform-color-dim: var(--color-pulse-dim);border-radius:var(--radius)}.sineBox:after,.sawtoothBox:after,.triangleBox:after,.squareBox:after,.pulseBox: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: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: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: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: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:after{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 5,20 L 30,20 L 30,80 L 95,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 5,80 L 5,20 L 30,20 L 30,80 L 95,80' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.waveformImage{display:inline-block;width:24px;height:24px;-webkit-mask-size:80%;mask-size:80%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle}.sine{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 8,31 17,13 25,13 C 33,13 42,31 50,50 C 58,69 67,87 75,87 C 83,87 92,69 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 8,31 17,13 25,13 C 33,13 42,31 50,50 C 58,69 67,87 75,87 C 83,87 92,69 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-sine)}.sawtooth{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 100,13 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-sawtooth)}.triangle{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 L 25,13 L 75,87 L 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 L 25,13 L 75,87 L 100,50' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-triangle)}.square{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 4,87 L 4,13 L 50,13 L 50,87 L 96,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 4,87 L 4,13 L 50,13 L 50,87 L 96,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-square)}.pulse,.lfoPulse{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 0,13 L 25,13 L 25,87 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,87 L 0,13 L 25,13 L 25,87 L 100,87' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-color:var(--color-pulse)}.noteLengthSelectContainer{display:flex;align-items:center;gap:var(--space-3);margin-top:0;margin-bottom:0}.noteLengthBox{position:relative;height:12px;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)}.noteLengthBox:hover{border-color:var(--chrome-3)}.noteLengthBox:active{border-color:var(--chrome-5)}.noteLengthBox[data-notelength="1"]{width:15px}.noteLengthBox[data-notelength="2"]{width:20px}.noteLengthBox[data-notelength="3"]{width:26px}.noteLengthBox[data-notelength="4"]{width:35px}.noteLengthBox[data-notelength="6"]{width:55px}.noteLengthBox[data-notelength="8"]{width:77px}.noteLengthBox.selected{border-color:var(--chrome-5)}.noteLengthBox.selected:hover{border-color:var(--chrome-selected)}.waveformSelectContainer{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;margin:0}.arrowsContainer{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;margin-bottom:0}.arrowButton{position:relative;display:flex;justify-content:center;width:24px;height:24px;color:var(--chrome-3);background-color:#fff0;border:.5px solid transparent;border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.arrowButton:hover{background-color:#fff0;color:var(--chrome-selected);border:.5px solid var(--chrome-selected)}@media(hover:none){.arrowButton:hover{background-color:#fff0;color:var(--chrome-3);border:.5px solid transparent}}.arrowButton.selected{background-color:#fff0;border:.5px solid var(--chrome-selected);color:var(--chrome-selected)}.arrowButton.forwardArrow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-80%,-50%) rotate(135deg);width:12px;height:12px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.arrowButton.backwardArrow:before{content:"";position:absolute;top:50%;left:60%;transform:translate(-50%,-50%) rotate(-45deg);width:12px;height:12px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3)}.arrowButton.bounceArrow:before{content:"";position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3);transform:translate(-120%,-50%) rotate(135deg)}.arrowButton.bounceArrow:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:10px;height:10px;border-top:1.5px solid var(--chrome-3);border-left:1.5px solid var(--chrome-3);transform:translate(20%,-50%) rotate(-45deg)}.arrowButton.randomArrow:before{top:50%;left:50%;transform:translate(-50%,-60%) scale(.8)}.arrowButton.columnsArrow:before,.arrowButton.columnsArrow:after,.arrowButton.columnsArrow div:before{content:"";position:absolute;width:2px;height:60%;background-color:var(--chrome-3)}.arrowButton.columnsArrow:before{left:4px;top:50%;transform:translateY(-50%)}.arrowButton.columnsArrow div:before{left:11px;top:50%;transform:translateY(-50%)}.arrowButton.columnsArrow:after{left:18px;top:50%;transform:translateY(-50%)}.lfoWaveformContainer{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-around;height:100%}.lfoWaveformButton{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:transparent;border:.5px solid var(--chrome-3);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast)}.lfoWaveformButton:hover{border-color:var(--chrome-4)}.lfoWaveformButton.selected{border-color:var(--chrome-selected)}.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(--chrome-selected)}.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")}.lfoColumn{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-1)}.slide-panel .lfoColumn .sliderItem{visibility:visible}.toggle-container{--toggle-width: 44px;--toggle-height: 12px;--button-size: 22px;--border-thickness: .5px;display:inline-block;position:relative}.toggle-checkbox{display:none}.toggle-label{display:inline-block;width:var(--toggle-width);height:var(--toggle-height);border:var(--border-thickness) solid var(--toggle-border);border-radius:var(--radius);cursor:pointer;position:relative;transition:border-color var(--transition-fast) ease;background-color:var(--toggle-track)}.toggle-button{content:"";width:var(--button-size);height:var(--button-size);border:var(--border-thickness) solid var(--toggle-thumb-border);border-radius:var(--radius);position:absolute;top:50%;left:var(--border-thickness);transform:translateY(-50%);transition:left var(--transition-fast) ease,transform .1s ease;background-color:var(--background-color)}.toggle-checkbox:checked+.toggle-label .toggle-button{left:calc(100% - var(--button-size) - var(--border-thickness));border-color:var(--toggle-border-active)}.toggle-label:hover{border-color:var(--toggle-border-hover)}.toggle-button:hover{border-color:var(--toggle-border-active)}.toggle-label:active .toggle-button{border-color:var(--toggle-border-active);transform:translateY(-50%) scale(.94)}.mobile-audio-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-overlay)}.mobile-audio-popup-content{background-color:var(--surface-dark);padding:var(--space-8);border-radius:var(--radius);text-align:center;border:.5px solid var(--chrome-1);color:var(--chrome-4)}.mobile-audio-popup-button{display:inline-block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast)}.mobile-audio-popup-button:hover{color:var(--chrome-5);border-color:var(--chrome-4)}.popup-logo-container{display:flex;justify-content:center;align-items:center}.popup-logo-container img{width:80px;height:80px}.about-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.about-popup-content{width:460px;max-width:calc(100vw - 32px);background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out}.about-popup-logo-container{display:flex;justify-content:center;margin-bottom:var(--space-7)}.about_logo{width:80px;height:80px}.about-popup-title{margin:0 0 var(--space-6);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px;text-align:center}.about-popup-links{display:flex;flex-direction:column;gap:var(--space-2)}.about-popup-link{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-5);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left;text-decoration:none;color:var(--chrome-4);transition:background-color var(--transition-fast),color var(--transition-fast);letter-spacing:.3px;width:100%}.about-popup-link:hover{background-color:var(--surface-tint-2);color:var(--chrome-5)}.about-popup-link:active{background-color:var(--surface-tint-1)}.about-popup-link svg{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.about-popup-link:hover svg{opacity:1}.about-popup-link-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.about-popup-link:after{content:"›";font-size:22px;color:var(--chrome-2);margin-left:auto;flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.about-popup-link:hover:after{color:var(--chrome-4);transform:translate(2px)}.about-popup-link-title{font-size:var(--text-base);font-weight:500}.about-popup-link-desc{font-size:var(--text-sm);color:var(--chrome-2)}.about-popup-link:hover .about-popup-link-desc{color:var(--chrome-3)}.about-popup-meta{margin-top:var(--space-7);padding-top:var(--space-6);border-top:.5px solid var(--surface-tint-2)}.about-popup-meta p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.5}.about-popup-meta p:last-child{margin-bottom:0}.about-popup-meta a{color:var(--chrome-3);transition:color var(--transition-fast)}.about-popup-meta a:hover{color:var(--chrome-5)}.about-popup-footer{margin-top:var(--space-6);display:flex;justify-content:center;gap:var(--space-6);font-size:var(--text-sm)}.about-popup-footer a{color:var(--chrome-2);text-decoration:none;transition:color var(--transition-fast)}.about-popup-footer a:hover{color:var(--chrome-4)}.about-popup-button{display:block;margin:var(--space-8) auto 0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast)}.about-popup-button:hover{color:var(--chrome-5);border-color:var(--chrome-4)}@media only screen and (max-width:768px){.about-popup-content{padding:var(--space-6) var(--space-6) var(--space-5)}.about-popup-links{gap:2px}.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)}.about-popup-meta{margin-top:var(--space-5);padding-top:var(--space-4)}}@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-2)}.about-popup-link:hover:after{color:var(--chrome-2);transform:none}}#header{visibility:hidden}.header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;margin:0 auto var(--space-5);position:relative}.header-items{display:flex;align-items:center;gap:var(--space-4)}.logo{width:220px;cursor:pointer}@media only screen and (max-width:768px){.header{width:100%;padding:0 var(--space-4)}body:not(.sidebar-collapsed) .header>.header-items{width:auto;justify-content:flex-start}.logo{width:150px;position:static;transform:none}.share-button{width:auto;padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.download-button{width:auto;margin-left:var(--space-3)}.undo-redo-group,.undo-feedback{display:none}.help-button{margin-left:var(--space-3)}}.link-icon{width:var(--text-md);height:var(--text-md)}.site-title{color:var(--chrome-4);font-size:var(--text-md);font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:0}.header-right{display:flex;align-items:center;gap:var(--space-5)}.help-button{display:flex;align-items:center;justify-content:center;width:30px;padding:var(--space-4) 0;font-size:var(--text-sm);font-weight:600;color:var(--chrome-3);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.help-button:hover{color:var(--chrome-4);border-color:var(--chrome-4)}.help-button:focus-visible{color:var(--chrome-4);border-color:var(--chrome-4)}.help-button:active{color:var(--chrome-5);border-color:var(--chrome-5)}.help-button-attention{animation:help-pulse 1.8s ease-in-out 3}@keyframes help-pulse{0%,to{color:var(--chrome-3);border-color:var(--chrome-border);transform:scale(1)}50%{color:var(--color-caution);border-color:var(--color-caution);transform:scale(1.15)}}@media only screen and (max-width:768px){@keyframes help-pulse{0%,to{color:var(--chrome-3);border-color:var(--chrome-border)}50%{color:var(--color-caution);border-color:var(--color-caution)}}}.share-button{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--main-font-color);background-color:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);text-align:center;cursor:pointer;letter-spacing:.5px;transition:color var(--transition-fast),border-color var(--transition-fast);position:relative}.share-button.loading .share-button-text{visibility:hidden}.share-button.loading .spinner{display:inline-block;margin-left:0;opacity:1;visibility:visible}.share-button:hover{color:var(--chrome-4);border:.5px solid var(--chrome-4)}.share-button:focus-visible{color:var(--chrome-4);border:.5px solid var(--chrome-4)}.share-button:active{color:var(--chrome-5);border-color:var(--chrome-5)}.share-button svg,.share-button i{margin-right:var(--space-5)}.share-button.copied .checkmark{display:inline-block;opacity:1;visibility:visible}.share-button.loading .link-icon,.share-button.copied .link-icon{display:none}.share-button.loading,.share-button.copied{justify-content:center}.share-button-text{white-space:nowrap}.spinner{width:var(--text-md);height:var(--text-md);border:1px solid var(--chrome-5);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.checkmark{width:var(--text-md);height:var(--text-md);padding:0;display:none;opacity:0;visibility:hidden}.download-button{width:104px;gap:0;margin-left:var(--space-4)}.download-button.loading{justify-content:center}.download-button.loading .download-button-text,.download-button.loading .download-icon{display:none}.download-button.loading .spinner{display:inline-block;margin-left:0;opacity:1;visibility:visible}.download-button.done .download-button-text{color:var(--color-play)}.download-button.done .download-icon{stroke:var(--color-play)}.download-button-text{white-space:nowrap}#miniControls{display:none;align-items:center;gap:var(--space-4)}#miniControls.visible{display:flex}.mini-control-btn.midi-record-btn{display:none}.mini-control-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:.5px solid var(--chrome-border);border-radius:var(--radius);color:var(--main-font-color);cursor:pointer;padding:var(--space-4) var(--space-4);transition:color var(--transition-fast),border-color var(--transition-fast)}.mini-control-btn:hover{border-color:var(--chrome-4);color:var(--chrome-5)}.mini-control-btn:active{border-color:var(--chrome-5);color:var(--chrome-selected)}.mini-play-btn{border-color:var(--color-play-border);color:var(--color-play)}.mini-play-btn svg{width:16px;height:16px}.mini-play-btn:hover{border-color:var(--color-play-border);color:var(--color-play-hover)}.mini-play-btn.stopState{border-color:var(--color-stop);color:var(--color-stop)}.undo-redo-group{display:flex;align-items:center}.header-undo-redo,.header-undo-redo:hover,.header-undo-redo:active{border-color:transparent}.header-undo-redo[disabled]{color:color-mix(in srgb,var(--main-font-color) 50%,transparent);border-color:transparent}.undo-feedback{font-size:var(--text-xs);color:var(--chrome-3);opacity:0;transition:opacity var(--transition-slow);white-space:nowrap;pointer-events:none}.undo-feedback.visible{opacity:1}@media only screen and (max-width:400px)and (orientation:portrait){.logo{width:140px}.explore-button .explore-icon,.share-button .link-icon{display:none}.share-button svg,.share-button i{margin-right:0}}@media only screen and (max-width:430px){.header:has(#miniControls.visible) .share-button-text,.header:has(#miniControls.visible) .download-button-text{display:none}.header:has(#miniControls.visible) .share-button,.header:has(#miniControls.visible) .download-button{width:auto;min-width:0;padding:var(--space-3);gap:0}.header:has(#miniControls.visible) .download-button{margin-left:0}.header:has(#miniControls.visible) .header-undo-redo,.header:has(#miniControls.visible) .undo-feedback{display:none}.header:has(#miniControls.visible) .share-button svg,.header:has(#miniControls.visible) .share-button i{margin-right:0}}@media(hover:none){.help-button:hover{color:var(--chrome-3);border-color:var(--chrome-border)}.share-button:hover{color:var(--main-font-color);border:.5px solid var(--chrome-border)}}#layout-toggle-group{display:flex}#btn-default-layout .tooltip{left:0;transform:none}.layout-toggle-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--main-font-color);cursor:pointer;padding:var(--space-3) var(--space-4);transition:color var(--transition-fast),background var(--transition-fast)}.layout-toggle-btn:first-child{border-left:none}.layout-toggle-btn svg{width:15px;height:15px;opacity:.4;transition:opacity var(--transition-fast)}.layout-toggle-btn:hover svg,.layout-toggle-btn.is-active svg{opacity:1}.layout-toggle-btn:focus{outline:none}.layout-toggle-btn:hover{color:var(--chrome-5)}.layout-toggle-btn.is-active{color:var(--chrome-selected)}@media only screen and (max-width:768px){#layout-toggle-group{display:none}}.footer{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-xs);color:var(--chrome-2);box-sizing:border-box;position:fixed;bottom:0;left:0;z-index:var(--z-rail);pointer-events:none}.footer a,.footer span[id],.footer button{pointer-events:auto}.footer-left{display:flex;align-items:center;gap:var(--space-3)}.footer a,.footer span{color:var(--chrome-2);text-decoration:none}.footer a:hover,#about:hover{color:var(--chrome-4)}#about{cursor:pointer}.footer-sep{color:var(--chrome-1);-webkit-user-select:none;user-select:none}.footer-discord{display:inline-flex;align-items:center}.footer-right{color:var(--chrome-2)}.footer-right kbd{border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-family:inherit}.terms-body{line-height:1.6;margin:var(--space-7);max-width:800px;color:#fff;background-color:var(--surface-terms)}.terms-body h1,.terms-body h2,.terms-body h3{color:#fff}.terms-body h1{text-align:center}.terms-body hr{margin:var(--space-8) 0}.terms-body a{color:#fff}@media only screen and (max-width:768px){html{overflow:hidden;height:100vh;height:100svh}body{height:100vh;height:100svh;min-height:0;overflow:hidden;padding-bottom:44px}#pageContainer{flex-direction:column;width:100%;min-height:0;touch-action:pan-y}#sidebarArea{order:0}.arrowButton.columnsArrow:before{left:4px}.arrowButton.columnsArrow div:before{left:12px}.arrowButton.columnsArrow:after{left:20px}#gridArea{order:1;width:100%;padding:0 var(--space-1);overflow:hidden}#matrix{width:100%;height:auto;max-width:100%;flex:1;min-height:0}.footer{display:none}.about-popup-footer{display:block}#playStopButton{font-size:var(--text-lg);padding:var(--space-5) var(--space-5);border-width:1.5px}.controlButton,.exportImportButton,.selectBox{padding:var(--space-3)}.controlButtonContainer{margin:var(--space-5) 0px var(--space-4) 0px}label,.boxesLabel,.sliderValueDisplay{font-size:var(--text-md)}.labelContainer{padding-right:var(--space-6)}.arrowsContainer,.waveformSelectContainer{gap:var(--space-7);justify-content:space-between;padding-right:var(--space-6)}.arrowButton{width:30px;height:30px}.waveformBox{width:25px;height:25px}#scaleSelectBox{padding-left:var(--space-5);padding-right:var(--space-8);font-size:var(--text-xs);text-overflow:ellipsis;overflow:hidden}#clearButton br,#resetSlidersButton br{display:none}.arrowButton.randomArrow:before{top:47%;left:47%;transform:translate(-50%,-50%) scale(1)}.arrowButton.forwardArrow:before{transform:translate(-80%,-50%) rotate(135deg) scale(1)}.arrowButton.backwardArrow:before{transform:translate(-50%,-50%) rotate(-45deg) scale(1)}.arrowButton.bounceArrow:before{transform:translate(-120%,-50%) rotate(135deg) scale(1)}.arrowButton.bounceArrow:after{transform:translate(20%,-50%) rotate(-45deg) scale(1)}.mobile-preset-row{display:flex;gap:var(--space-6);width:100%}.mobile-preset-row .presetContainer{flex:3}.mobile-preset-row .mobile-undo-redo{flex:1;min-width:0;display:flex;flex-direction:row;gap:var(--space-3)}.mobile-preset-row .mobile-undo-redo .mini-control-btn{flex:1;width:100%;padding:0}.mobile-preset-row .header-undo-redo{display:flex}#gridArea{position:relative}#gridArea>#undoRedoFeedback{display:block;position:absolute;top:var(--space-2);left:var(--space-4);font-size:var(--text-xs);z-index:1}#panelSound .tabContent{display:grid}#panelSound .tabContent>div{grid-area:1 / 1;display:grid;align-content:start;opacity:0;pointer-events:none;z-index:0}#panelSound .tabContainer:has(#oscTab1:checked) .tabContent #oscTab1Content,#panelSound .tabContainer:has(#oscTab2:checked) .tabContent #oscTab2Content,#panelSound .tabContainer:has(#oscTab3:checked) .tabContent #oscTab3Content{opacity:1;pointer-events:auto;z-index:1}.lfoSyncButton{min-width:52px}.filterEnvDirectionButton{padding-left:var(--space-7);padding-right:var(--space-7)}#transportControls{padding-left:0;padding-right:0}.header{padding-right:0}.header-right{margin-left:auto}.header-right .header-items{gap:var(--space-1)}.header-right .download-button{margin-left:0}}@media only screen and (max-width:500px)and (orientation:portrait){.arrowsContainer,.waveformSelectContainer{gap:var(--space-3)}.labelContainer{padding-right:var(--space-5)}}@media(max-width:300px)and (orientation:portrait){.arrowsContainer,.waveformSelectContainer{gap:var(--space-3)}.arrowButton,.waveformBox{width:15px;height:15px}#scaleSelectBox{padding:var(--space-1)}.controlButton{font-size:var(--text-xs)}}#iconRail{display:flex;flex-direction:column;width:44px;min-width:44px;background-color:var(--surface-tint-1);border-right:1px solid var(--surface-border);padding:var(--space-2) 0;gap:var(--space-1);align-self:start;z-index:var(--z-rail)}.rail-icon{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:36px;background:transparent;border:none;border-left:2px solid transparent;color:var(--chrome-2);cursor:pointer;padding:0;transition:color var(--transition-fast),border-color var(--transition-fast)}@media(hover:hover){.rail-icon:hover{color:var(--chrome-4)}}.rail-icon:active{color:var(--chrome-5)}.rail-icon.active{color:var(--chrome-5);border-left-color:var(--chrome-5)}.rail-icon.hidden{display:none}.rail-icon:focus-visible{outline:1px solid var(--chrome-4);outline-offset:-2px}.rail-icon svg{width:18px;height:18px;pointer-events:none}#panelContainer{width:280px;min-width:280px;flex-shrink:0;align-self:stretch;border-right:none}.slide-panel{display:none;width:100%;height:100%;background-color:var(--background-color);overflow-y:auto;overflow-x:hidden;flex-direction:column}.slide-panel.open{display:flex}.panel-header{display:none}.panel-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--chrome-3);margin:0}.panel-close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:transparent;border:none;color:var(--chrome-2);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1}.panel-close:hover{color:var(--chrome-4)}.panel-body{padding:var(--space-2) var(--space-5);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}#panelSequencer .panel-body{gap:var(--space-5)}#panelEdit .panel-body,#panelOptions .panel-body{gap:var(--space-6)}.panel-body>.sliderContainer:first-child{padding-top:0}.panel-body>.sliderContainer:first-child>.tabs:first-of-type{margin-top:0}.panel-body>.lfo-tabs:first-child{margin-top:0}.panel-body>.filterSection:first-child>.lfoGroup:first-child{margin-top:0}.boxesLabel{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--chrome-2);margin:var(--space-4) 0 var(--space-2)}.boxesLabel:first-child{margin-top:0}.arrowsContainer+.scaleTempoRow{padding-top:var(--space-3)}.scaleTempoRow+.controlButtonContainer{padding-top:var(--space-3);border-top:1px solid var(--surface-tint-2)}.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:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:0 var(--space-5) var(--space-5) var(--space-2);background-color:transparent;border-bottom:none;border-right:none}#transportControls>*{width:100%}#transportControls #playStopButton{margin:0;height:42px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-row{display:flex;gap:var(--space-4)}.transport-row .controlButton{flex:1;min-width:0;padding:var(--space-2) var(--space-3);line-height:1.3;height:42px;overflow:hidden;text-overflow:ellipsis}.transport-row #gridSizeSelectBox{flex-shrink:0;width:auto;min-width:65px;padding-top:var(--space-2);padding-bottom:var(--space-2)}#transportControls .presetContainer{margin:0}#transportControls .sliderItem{visibility:visible}.panel-more-toggle{display:block;width:100%;padding:var(--space-3) 0;background:transparent;border:none;border-top:1px solid var(--surface-tint-2);color:var(--chrome-2);cursor:pointer;font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;text-align:center;margin-top:var(--space-4)}.panel-more-toggle:hover{color:var(--chrome-4)}.panel-more-toggle:active{color:var(--chrome-5)}.panel-more-content{display:none}.panel-more-content.expanded{display:block}.slide-panel .sliderContainer{display:grid;grid-template-columns:repeat(2,1fr);width:100%;padding:var(--space-1) 0;height:auto;overflow:visible;opacity:1}.slide-panel .sliderContainer.filterSection{display:flex;flex-direction:column}.slide-panel .sliderContainer.collapsed{height:auto}.lfo-tabs{display:flex;border-bottom:1px solid var(--chrome-tab);margin-top:var(--space-3);margin-bottom:var(--space-4)}.lfo-tab-button{display:inline-block;padding:var(--space-3) var(--space-4);background-color:transparent;color:var(--chrome-tab);cursor:pointer;border:none;border-bottom:1px solid var(--chrome-tab);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);margin-bottom:-1px;font-size:var(--text-sm);letter-spacing:.5px}.lfo-tab-button:hover{background-color:var(--surface-tint-1)}.lfo-tab-button:active{color:var(--chrome-4)}.lfo-tab-button.active{border-top:1px solid var(--chrome-tab);border-right:1px solid var(--chrome-tab);border-left:1px solid var(--chrome-tab);border-bottom-color:var(--background-color);color:var(--chrome-4)}.lfo-tab-indicator{display:none;width:4px;height:4px;border-radius:50%;background-color:var(--color-play);margin-left:var(--space-2);vertical-align:middle}.lfo-tab-button.lfo-active .lfo-tab-indicator{display:inline-block}.lfo-tab-content{display:none}.lfo-tab-content.active{display:block}.lfo-tab-content>.section-title{margin-top:var(--space-3);margin-bottom:var(--space-5)}.lfo-pwm-hint{font-size:var(--text-xs);color:var(--chrome-tab);margin-left:var(--space-2)}.slide-panel::-webkit-scrollbar{width:var(--scrollbar-width)}.slide-panel::-webkit-scrollbar-track{background:transparent}.slide-panel::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}body.sidebar-collapsed #sidebarArea{display:none}body.all-panels-mode #transportControls{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:var(--space-3) var(--space-5);column-gap:var(--space-4);row-gap:0}body.all-panels-mode #transportControls>*{width:auto}body.all-panels-mode #transportControls .presetContainer{margin:0}body.all-panels-mode #transportControls #presetSelectBox{height:42px;line-height:42px}body.all-panels-mode #transportControls .presetNavButton{height:42px;width:42px}#gridArea{transition:opacity .25s ease-out}body.all-panels-mode #gridArea{opacity:0;pointer-events:none;width:0;overflow:hidden;flex:none}body.all-panels-mode #sidebarArea{flex:1}body.all-panels-mode #sidebarInner{flex:1;min-height:0}body.all-panels-mode #iconRail{display:none}body.all-panels-mode #panelContainer{display:flex;align-items:flex-start;flex:1;min-width:0;overflow-y:auto;background-color:transparent}.editor-col{flex:1;min-width:0;display:flex;flex-direction:column}body.all-panels-mode .slide-panel{display:flex;overflow-y:visible;overflow-x:hidden}body.all-panels-mode .slide-panel .panel-body{padding:var(--space-7)}body.all-panels-mode .panel-close{display:none}body.all-panels-mode .panel-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);margin:var(--space-4) var(--space-4) 0;background:#ffffff2b;border-radius:6px;flex-shrink:0}body.all-panels-mode .panel-title{font-size:var(--text-xs);color:var(--chrome-5);letter-spacing:2px;font-weight:800}body.all-panels-mode #panelAdmin{display:none}body.all-panels-mode .waveformBox,body.all-panels-mode .waveformImage{width:30px;height:30px}@media only screen and (max-width:768px){body.all-panels-mode #gridArea{display:flex}body.all-panels-mode #sidebarArea{flex:unset}body.all-panels-mode #sidebarInner{overflow:hidden}body.all-panels-mode #iconRail{display:flex}body.all-panels-mode #panelContainer{display:block;width:280px;min-width:280px;flex:unset}body.all-panels-mode .slide-panel{display:none;overflow-y:auto;border:none}body.all-panels-mode .slide-panel.open{display:flex}body.all-panels-mode .panel-header{display:none}body.all-panels-mode .panel-close{display:flex}body.all-panels-mode #transportControls{display:flex;flex-direction:column}body.all-panels-mode #transportControls>*{width:100%}body.all-panels-mode .waveformBox,body.all-panels-mode .waveformImage{width:24px;height:24px}}@media only screen and (max-width:768px){#iconRail{position:fixed;bottom:0;left:0;right:0;width:100%;height:44px;flex-direction:row;justify-content:space-around;border-right:none;border-top:1px solid var(--surface-border);background-color:var(--background-color);padding:0;z-index:var(--z-dropdown)}.rail-icon{width:auto;flex:1;height:44px;border-left:none;border-top:2px solid transparent}.rail-icon svg{width:22px;height:22px}.rail-icon.active{border-left-color:transparent;border-top-color:var(--chrome-5)}#panelBackdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:44px;z-index:var(--z-panel);background:transparent;-webkit-tap-highlight-color:transparent}#panelBackdrop.active{display:block}#panelContainer{position:fixed;left:0;right:0;bottom:44px;top:auto;z-index:calc(var(--z-panel) + 1)}.slide-panel{width:100%;height:auto;max-height:80vh;top:auto;bottom:0;transform:translateY(100%);border-right:none;border-top:.5px solid rgba(255,255,255,.15);border-right:.5px solid rgba(255,255,255,.15);border-left:.5px solid rgba(255,255,255,.15);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background-color:color-mix(in srgb,var(--background-color) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.slide-panel.open{transform:translateY(0)}.panel-body{padding:var(--space-1) var(--space-3)}#sidebarArea{flex-direction:column;align-self:auto;width:100%;flex-shrink:0}#transportControls{border-right:none;border-bottom:none;width:100%;padding:0 var(--space-1) var(--space-5) var(--space-1)}#sidebarInner{display:contents}.transport-row .controlButton{padding:0 var(--space-4);font-size:var(--text-sm);height:40px;line-height:1.1;white-space:nowrap}#transportControls #playStopButton{height:40px}.transport-row .controlButton br{display:none}.transport-row #gridSizeSelectBox{padding-top:0;padding-bottom:0;font-size:var(--text-sm);height:40px}}.tools{display:none}.show_tools{display:inline-block}#errorMessage{color:var(--color-stop);text-align:center}.footer-export-import{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3) 0}.footer-export-import .exportImportButton{display:inline-block}.footer-export-import #fileInput{display:none}.exportImportButton:disabled{border-color:var(--chrome-tab);color:var(--chrome-tab);cursor:not-allowed}#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(100vh - 140px)}#pageStrip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-9) 0;width:100%;max-width:170vh}#pageThumbnails{display:flex;flex-direction:column;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) 0;scrollbar-width:thin;scrollbar-color:var(--surface-tint-2) transparent}#pageThumbnails::-webkit-scrollbar{height:4px}#pageThumbnails::-webkit-scrollbar-thumb{background:var(--surface-tint-2);border-radius:var(--space-1)}.page-thumb{position:relative;flex-shrink:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.page-thumb-canvas-wrap{position:relative;width:56px;height:56px;border:.5px solid #66666657;border-radius:0;overflow:hidden}.page-thumb:hover .page-thumb-canvas-wrap{border-color:var(--chrome-1)}.page-thumb.active .page-thumb-canvas-wrap{border-color:var(--chrome-3)}.page-thumb.dragging .page-thumb-canvas-wrap{border:2px solid var(--chrome-3)}.page-thumb.dragging .page-thumb-canvas{opacity:.4}.page-thumb.drag-insert-before .page-thumb-canvas-wrap{border-left:4px solid var(--color-play-border)}.page-thumb.drag-insert-after .page-thumb-canvas-wrap{border-right:4px solid var(--color-play-border)}.drag-duplicate .page-thumb.drag-insert-before .page-thumb-canvas-wrap:after,.drag-duplicate .page-thumb.drag-insert-after .page-thumb-canvas-wrap:after{content:"+";position:absolute;top:-6px;font-size:11px;font-weight:700;color:var(--color-play-border);pointer-events:none;z-index:1}.drag-duplicate .page-thumb.drag-insert-before .page-thumb-canvas-wrap:after{left:-4px}.drag-duplicate .page-thumb.drag-insert-after .page-thumb-canvas-wrap:after{right:-4px}.page-thumb-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;opacity:.7}.page-repeat-countdown{position:absolute;top:var(--space-1);left:var(--space-1);font-size:var(--text-xs);line-height:1;color:var(--chrome-3);pointer-events:none;display:none}.page-thumb.playing .page-repeat-countdown.visible{display:block;z-index:1}.page-jump-badge{position:absolute;top:var(--space-1);right:var(--space-1);font-size:var(--text-xs);background:transparent;color:var(--chrome-3);padding:1px 3px;border-radius:var(--radius);pointer-events:none;line-height:1;z-index:1}.page-thumb-repeat{font-size:var(--text-xs);color:var(--chrome-3);line-height:1;cursor:pointer;pointer-events:auto;padding:var(--space-2) var(--space-3);border-radius:var(--space-1);transition:color var(--transition-fast),background var(--transition-fast)}.page-thumb-repeat:hover{color:var(--chrome-5);background:var(--overlay-heavy)}.page-repeat-dropdown{position:fixed;z-index:var(--z-overlay);background:var(--surface-dark);border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-4) var(--space-5);min-width:120px;font-family:inherit;color:var(--chrome-4);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.page-repeat-dropdown-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--chrome-3)}.page-repeat-dropdown-value{font-variant-numeric:tabular-nums;min-width:20px;text-align:right}.page-repeat-slider-row{display:flex;align-items:center;gap:var(--space-3)}.page-repeat-dropdown input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;outline:none;cursor:pointer;margin:0}.page-repeat-dropdown input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(to right,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%));border-radius:2px}.page-repeat-dropdown input[type=range]::-moz-range-track{width:100%;height:2px;background:var(--slider-track);border-radius:2px}.page-repeat-dropdown input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:2px}.page-repeat-dropdown input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:-7px}.page-repeat-dropdown input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.page-repeat-dropdown input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.page-repeat-dropdown input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.page-repeat-dropdown input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.page-repeat-dropdown input[type=range]::-moz-range-thumb:active{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.page-jump-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-jump-row-label{color:var(--chrome-3);font-size:var(--text-xs);white-space:nowrap}.page-jump-select{flex:1;min-width:0;background:var(--surface-tint);color:var(--chrome-4);border:1px solid var(--chrome-2);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);cursor:pointer;outline:none}.page-jump-select:focus{border-color:var(--accent, var(--chrome-3))}.page-jump-count-select{width:50px;background:var(--surface-tint);color:var(--chrome-4);border:1px solid var(--chrome-2);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);cursor:pointer;outline:none}.page-jump-count-select:focus{border-color:var(--accent, var(--chrome-3))}.page-thumb-actions{display:none;flex-direction:row;align-items:center;gap:0;position:fixed;z-index:var(--z-overlay, 1000);background:var(--surface-dark);border:1px solid var(--chrome-1);border-radius:var(--radius);white-space:nowrap;pointer-events:auto}.page-thumb-delete,.page-thumb-duplicate{background:none;border:none;color:var(--chrome-4);cursor:pointer;font-size:var(--text-sm);line-height:1;border-radius:var(--space-1);padding:var(--space-2) var(--space-3)}.page-thumb-delete:hover{color:var(--color-danger-active);background:var(--overlay-heavy)}.page-thumb-delete.confirm-pending{background:var(--color-danger);color:var(--chrome-selected)}.page-thumb-delete.confirm-pending:hover{background:var(--color-danger-deep);color:var(--chrome-selected)}.page-thumb-duplicate:hover{color:var(--color-play-border);background:var(--overlay-heavy)}.page-add-btn{width:56px;height:56px;flex-shrink:0;background:transparent;border:2px dashed var(--chrome-1);border-radius:var(--radius);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:.3;cursor:default}.page-thumb-clone{opacity:.8;border:1px solid var(--chrome-1)}@media only screen and (max-width:768px){#gridArea #matrix{aspect-ratio:auto;max-height:min(97vw,calc(100svh - 320px))}#pageStrip{max-width:100%;padding:var(--space-2) var(--space-1) var(--space-5);flex-shrink:0;overflow-y:auto;max-height:200px}.page-thumb-canvas-wrap{width:68px;height:68px}.page-add-btn{width:68px;height:68px;font-size:var(--text-lg)}.track-type-btn{width:68px;height:68px}@media(hover:none){.page-thumb-delete,.page-thumb-duplicate,.page-thumb-repeat{padding:var(--space-3) var(--space-3)}.page-thumb-delete,.page-thumb-duplicate{font-size:var(--text-lg)}.page-thumb-repeat{font-size:var(--text-md)}}}@media only screen and (max-width:380px)and (orientation:portrait){.page-thumb-canvas-wrap,.page-add-btn,.track-type-btn{width:52px;height:52px}}.mini-playhead{position:absolute;top:0;left:0;height:100%;width:1px;background:#ffffff80;pointer-events:none;z-index:2}@keyframes noteGlow{0%,80%{box-shadow:0 0 9px 3px var(--glow-color, yellow)}to{box-shadow:0 0 0 0 var(--glow-color, yellow)}}@keyframes noteGlowHead{0%,80%{box-shadow:-9px 0 9px -3px var(--glow-color, yellow),0 -9px 9px -3px var(--glow-color, yellow),0 9px 9px -3px var(--glow-color, yellow)}to{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}}@keyframes noteGlowBody{0%,80%{box-shadow:0 -9px 9px -3px var(--glow-color, yellow),0 9px 9px -3px var(--glow-color, yellow)}to{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}}@keyframes noteGlowTail{0%,80%{box-shadow:9px 0 9px -3px var(--glow-color, yellow),0 -9px 9px -3px var(--glow-color, yellow),0 9px 9px -3px var(--glow-color, yellow)}to{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}}.gridButton.active.note-head.playing{animation:noteGlowHead var(--glow-duration, .3s) ease-out forwards}.gridButton.active.note-body.playing{animation:noteGlowBody var(--glow-duration, .3s) ease-out forwards}.gridButton.active.note-tail.playing{animation:noteGlowTail var(--glow-duration, .3s) ease-out forwards}.note-menu{position:fixed;z-index:var(--z-dropdown);background:var(--surface-dark);border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-4) var(--space-5);min-width:280px;font-family:inherit;color:var(--chrome-4);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;touch-action:none}.note-menu-top-row{display:flex;gap:var(--space-4);align-items:center}.note-menu-top-row .note-menu-actions{margin-bottom:0}.note-menu-top-row .note-menu-waveform-row{margin-left:auto}.note-menu-columns{display:flex;gap:var(--space-5)}.note-menu-col{flex:1;min-width:0}.note-menu-col .note-menu-label:not(:first-child){margin-top:var(--space-3)}.note-menu-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--chrome-3)}.note-menu-value{font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.note-menu input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;border-radius:var(--radius);background:transparent;outline:none;cursor:pointer;margin:0}.note-menu input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(to right,var(--color-active) var(--pct, 50%),var(--slider-track) var(--pct, 50%));border-radius:2px}.note-menu input[type=range]::-moz-range-track{width:100%;height:2px;background:var(--slider-track);border-radius:2px}.note-menu input[type=range]::-moz-range-progress{height:2px;background:var(--color-active);border-radius:2px}.note-menu input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:-7px}.note-menu input[type=range]::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.note-menu input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.note-menu input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.note-menu input[type=range]::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}.note-menu input[type=range]::-moz-range-thumb:active{border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}.note-menu-separator{margin:var(--space-4) 0 var(--space-2);border-top:1px solid var(--chrome-1)}.note-menu-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.note-menu-action-btn{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:.5px solid var(--chrome-1);border-radius:var(--radius);color:var(--chrome-3);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.note-menu-action-btn:hover:not(:disabled){background:var(--surface-tint-2);border-color:var(--chrome-2);color:var(--chrome-4)}.note-menu-action-btn:disabled{opacity:.35;cursor:not-allowed}.note-menu-waveform-row{display:flex;gap:var(--space-2)}.keyboard-help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.keyboard-help-modal{background:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);max-width:460px;width:90%;max-height:80vh;overflow-y:auto;color:var(--chrome-3);animation:modalSlideUp .2s ease-out}.keyboard-help-modal h1{margin:0 0 var(--space-3);font-size:var(--text-title);text-align:center;color:var(--chrome-5)}.keyboard-help-modal .subtitle{text-align:center;margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.4}.keyboard-help-modal h2{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--chrome-2);padding:var(--space-5) 0 var(--space-2);margin:var(--space-3) 0 0;border:none}.keyboard-help-modal h2:first-of-type{margin-top:0;padding-top:0}.keyboard-help-modal p{font-size:var(--text-sm);color:var(--chrome-2);margin:var(--space-3) 0}.keyboard-help-modal table{width:100%;border-collapse:collapse}.keyboard-help-modal tr{border-bottom:1px solid var(--chrome-1)}.keyboard-help-modal td{padding:var(--space-4) var(--space-4);font-size:var(--text-sm)}.keyboard-help-modal td:first-child{white-space:nowrap;width:1%;padding-right:var(--space-7)}.keyboard-help-modal kbd{border:1px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-family:inherit}.keyboard-help-modal::-webkit-scrollbar{width:var(--scrollbar-width)}.keyboard-help-modal::-webkit-scrollbar-track{background:transparent}.keyboard-help-modal::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}@media only screen and (max-width:768px){.keyboard-help-overlay{padding-top:5vh}.keyboard-help-modal{padding:var(--space-7) var(--space-6) var(--space-6)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) + 10);pointer-events:all;animation:ob-fadeIn .4s ease both}.onboarding-spotlight{position:fixed;z-index:calc(var(--z-overlay) + 11);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--overlay);transition:top .38s cubic-bezier(.22,1,.36,1),left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1);pointer-events:none;animation:ob-spotlightIn .5s cubic-bezier(.22,1,.36,1) both}.onboarding-tooltip{position:fixed;z-index:calc(var(--z-overlay) + 12);background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);max-width:300px;padding:var(--space-7) var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);overflow:visible;transition:top .38s cubic-bezier(.22,1,.36,1),left .38s cubic-bezier(.22,1,.36,1),opacity .25s ease;animation:ob-tooltipIn .45s cubic-bezier(.22,1,.36,1) .1s both}.onboarding-message{color:var(--chrome-5);font-size:var(--text-md);text-align:center;line-height:1.5;margin:0;letter-spacing:.5px;font-weight:400}.onboarding-dots{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-1) 0}.onboarding-dot{width:4px;height:4px;border-radius:var(--radius-full);border:none;background:var(--chrome-1);transition:background .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.onboarding-dot.active{background:var(--color-play);transform:scale(1.3)}.onboarding-actions{display:flex;align-items:center;gap:var(--space-6)}.onboarding-next{background:var(--color-play);color:var(--surface-darker);border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-7);font-size:var(--text-sm);font-weight:600;cursor:pointer;letter-spacing:.5px;transition:background var(--transition-fast),transform .1s ease}.onboarding-next:hover{background:var(--color-play-hover)}.onboarding-next:active{transform:scale(.96)}.onboarding-skip{background:none;border:none;color:var(--chrome-3);font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) var(--space-3);letter-spacing:.5px;transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--chrome-4)}.onboarding-skip:active{color:var(--chrome-3)}.onboarding-arrow{position:absolute;width:18px;height:18px;background:var(--surface-dark);transform:translate(-50%) rotate(45deg);pointer-events:none;transition:left .38s cubic-bezier(.22,1,.36,1)}.onboarding-arrow.arrow-down{bottom:-9px;border-right:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.onboarding-arrow.arrow-up{top:-9px;border-left:1px solid var(--surface-border);border-top:1px solid var(--surface-border)}@keyframes ob-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ob-spotlightIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ob-tooltipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:768px){.onboarding-tooltip{max-width:260px;padding:var(--space-6) var(--space-7) var(--space-5)}.onboarding-message{font-size:var(--text-sm)}}.section-title--help{display:flex;align-items:center}.section-title--help>span{flex:1}.section-help-btn{width:16px;height:16px;padding:0;margin-left:var(--space-3);flex-shrink:0;border-radius:50%;border:1px solid var(--chrome-1);background:transparent;color:var(--chrome-2);font-size:var(--text-xs);font-weight:600;line-height:1;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.section-help-btn:hover{color:var(--chrome-4);border-color:var(--chrome-3)}.section-help-btn:active{color:var(--chrome-5);border-color:var(--chrome-4)}@media(hover:none){.section-help-btn:hover{color:var(--chrome-2);border-color:var(--chrome-1)}}.section-help-popup{position:fixed;max-width:260px;max-height:calc(100vh - 16px);overflow-y:auto;padding:var(--space-5) var(--space-6);background:var(--surface-dark);border:1px solid var(--chrome-border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:400;text-transform:none;letter-spacing:.5px;color:var(--main-font-color);line-height:1.45;z-index:var(--z-overlay);animation:tooltipFadeIn .15s ease forwards}.help-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.help-popup-content{width:460px;max-width:calc(100vw - 32px);background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-popup-header{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:.5px solid var(--surface-tint-2)}.help-popup-header h2{margin:0 0 var(--space-5);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px}.help-popup-subtitle{margin-bottom:10px;margin-top:0;font-size:15px;color:var(--chrome-3);line-height:1.5}.help-popup-links{display:flex;flex-direction:column;gap:var(--space-2)}.help-popup-link{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-5);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--chrome-4);transition:background-color var(--transition-fast),color var(--transition-fast);letter-spacing:.3px;width:100%}.help-popup-link:hover{background-color:var(--surface-tint-2);color:var(--chrome-5)}.help-popup-link:active{background-color:var(--surface-tint-1)}.help-popup-link svg{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.help-popup-link:hover svg{opacity:1}.help-popup-link-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.help-popup-link:after{content:"›";font-size:22px;color:var(--chrome-2);margin-left:auto;flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.help-popup-link:hover:after{color:var(--chrome-4);transform:translate(2px)}.help-popup-link-title{font-size:var(--text-base);font-weight:500}.help-popup-link-desc{font-size:var(--text-sm);color:var(--chrome-2)}.help-popup-link:hover .help-popup-link-desc{color:var(--chrome-3)}a.help-popup-link{text-decoration:none}@media only screen and (max-width:768px){.help-desktop-only{display:none}.help-popup{padding-top:8vh}.help-popup-content{padding:var(--space-6) var(--space-6) var(--space-5)}.help-popup-header{margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.help-popup-subtitle{margin-bottom:4px;font-size:13px}.help-popup-links{gap:2px}.help-popup-link{padding:var(--space-3) var(--space-4);gap:var(--space-4)}.help-popup-link svg{width:18px;height:18px}.help-popup-link-desc{font-size:var(--text-xs)}}@media(hover:none){.help-popup-link:hover{background-color:transparent;color:var(--chrome-4)}.help-popup-link:hover svg{opacity:.7}.help-popup-link:hover .help-popup-link-desc{color:var(--chrome-2)}.help-popup-link:hover:after{color:var(--chrome-2);transform:none}}.tips-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.tips-popup-content{width:740px;max-width:calc(100vw - 32px);max-height:80vh;overflow-y:auto;background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out;display:grid;grid-template-columns:1fr 1fr;gap:2px}.tips-popup-content h1{grid-column:1 / -1;margin:0 0 var(--space-3);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px}.tips-popup-content .subtitle{grid-column:1 / -1;margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.4}.tips-popup-content h2{grid-column:1 / -1;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--chrome-2);padding:var(--space-5) var(--space-1) var(--space-2);margin:var(--space-3) 0 0;border:none}.tips-popup-content h2:first-of-type{margin-top:0;padding-top:var(--space-2)}.tips-popup-content .tip-card{padding:var(--space-5) var(--space-1);gap:0}.tips-popup-content .tip-icon{width:40px;height:26px;opacity:1}.tips-popup-content .tip-title{font-size:14px}.tips-popup-content::-webkit-scrollbar{width:var(--scrollbar-width)}.tips-popup-content::-webkit-scrollbar-track{background:transparent}.tips-popup-content::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}@media only screen and (max-width:768px){.tips-popup{padding-top:5vh}.tips-popup-content{padding:var(--space-7) var(--space-6) var(--space-6);grid-template-columns:1fr}.tips-popup-content .tip-icon{min-width:52px;width:52px}.tips-popup-content .tip-card:hover{background-color:transparent}.tips-popup-content .tip-card{-webkit-tap-highlight-color:transparent}}@media(hover:none){.tips-popup-content .tip-card:hover{background-color:transparent}}.changelog-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:var(--z-overlay);animation:modalFadeIn .15s ease-out}.changelog-popup-content{width:500px;max-width:calc(100vw - 32px);max-height:80vh;overflow-y:auto;background-color:var(--surface-dark);border:.5px solid var(--chrome-1);border-radius:var(--radius);padding:var(--space-9) var(--space-9) var(--space-8);animation:modalSlideUp .2s ease-out}.changelog-popup-content h1{margin:0 0 var(--space-3);font-size:var(--text-title);font-weight:600;color:var(--chrome-5);letter-spacing:.3px}.changelog-popup-content .subtitle{margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--chrome-2);line-height:1.4}.changelog-popup-content .changelog-date{font-family:inherit}.changelog-popup-content .changelog-date:first-of-type{margin-top:0;padding-top:var(--space-2)}.changelog-popup-content ul{list-style:none;margin:0;padding:0}.changelog-popup-content li{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-6);font-size:var(--text-sm);color:var(--chrome-3);line-height:1.5}.changelog-popup-content li:before{content:"";position:absolute;left:2px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--chrome-2)}.changelog-popup-content::-webkit-scrollbar{width:var(--scrollbar-width)}.changelog-popup-content::-webkit-scrollbar-track{background:transparent}.changelog-popup-content::-webkit-scrollbar-thumb{background:var(--chrome-1);border-radius:var(--scrollbar-radius)}@media only screen and (max-width:768px){.changelog-popup{padding-top:5vh}.changelog-popup-content{padding:var(--space-7) var(--space-6) var(--space-6)}}.track-row{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-2) var(--space-4);position:relative}.track-drag-handle{position:absolute;left:0;top:4px;bottom:4px;width:1px;border-radius:1px;background:var(--track-accent-color, transparent);cursor:grab;z-index:1;touch-action:none}.track-drag-handle:active{cursor:grabbing}.track-drag-handle:before{content:"";position:absolute;top:0;bottom:0;left:-6px;right:-6px}.track-controls{display:flex;align-items:stretch;flex-shrink:0}input.track-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:20px;height:56px;margin:0;padding:0;background:transparent;cursor:pointer}input.track-fader::-webkit-slider-runnable-track{width:2px;background:linear-gradient(to top,var(--color-active) var(--pct, 80%),var(--slider-track) var(--pct, 80%));border-radius:2px}input.track-fader::-moz-range-track{width:2px;height:100%;background:var(--slider-track);border-radius:2px}input.track-fader::-moz-range-progress{width:2px;background:var(--color-active)}input.track-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer;margin-left:-5px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}input.track-fader::-webkit-slider-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}input.track-fader:active::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--chrome-5);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-active) 35%,transparent)}input.track-fader::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--background-color);border:1.5px solid var(--chrome-4);cursor:pointer}input.track-fader::-moz-range-thumb:hover{border-color:var(--chrome-5);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-active) 25%,transparent)}input.track-fader:focus-visible{outline:none}.track-buttons{display:flex;flex-direction:column;gap:2px}.track-buttons button{font-size:var(--text-xs);width:20px;height:20px;padding:0;border:.5px solid var(--surface-border);background:transparent;color:var(--chrome-2);border-radius:var(--radius);cursor:pointer;line-height:1}.track-buttons button.active{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.track-solo-btn.active{color:var(--color-caution)!important;border-color:var(--color-caution)!important}.track-delete-btn{color:var(--color-danger)!important}.track-delete-btn{font-size:var(--text-md)!important;opacity:.4;transition:opacity var(--transition-fast),color var(--transition-fast)}.track-delete-btn:hover{opacity:.8}.track-delete-btn.confirm-pending{opacity:1;color:var(--color-danger)!important;border-color:var(--color-danger)!important}.track-thumbnails{display:flex;gap:var(--space-2);flex:1;overflow-x:auto;align-items:center;scrollbar-width:thin;scrollbar-color:var(--surface-tint-2) transparent}.track-thumbnails::-webkit-scrollbar{height:4px}.track-thumbnails::-webkit-scrollbar-thumb{background:var(--surface-tint-2);border-radius:var(--radius)}.track-row.dragging{opacity:.4}.track-row.drag-insert-above{border-top:2px solid var(--color-play-border);padding-top:calc(var(--space-2) - 2px)}.track-row.drag-insert-below{border-bottom:2px solid var(--color-play-border);padding-bottom:calc(var(--space-2) - 2px)}.track-row-clone{opacity:.85;pointer-events:none;z-index:1000;border:.5px solid var(--chrome-border);border-radius:var(--radius)}html.dragging-track{user-select:none;-webkit-user-select:none}.track-row.drag-target-track{background:#ffffff0a}@keyframes sidechain-highlight-pulse{0%{background:transparent}30%{background:#ffffff14}to{background:transparent}}.track-row.sidechain-highlight{animation:sidechain-highlight-pulse .6s ease-out}.track-row .page-thumb{position:relative}.track-thumbnails .page-add-btn{flex-shrink:0}.add-track-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.track-type-chooser{display:flex;flex-direction:row;gap:4px;opacity:0;transition:opacity .15s ease}.track-type-chooser.visible{opacity:1}.track-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:56px;height:56px;padding:0;background:transparent;border:2px dashed var(--chrome-1);border-radius:var(--radius);color:var(--chrome-3);font-size:11px;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.track-type-btn svg{width:18px;height:18px}.track-type-btn:hover{border-color:var(--chrome-3);color:var(--chrome-4)}.track-type-btn:active{border-color:var(--chrome-4);color:var(--chrome-5)}@media only screen and (max-width:768px){@media(hover:none){.track-buttons{height:100%}.track-buttons button{flex:1;height:auto;width:28px;font-size:11px}.track-delete-btn{font-size:15px!important;font-weight:700}}}#pageStrip{flex-direction:column;align-items:stretch}#pageStrip #pageThumbnails{flex-direction:column;align-items:stretch;gap:2px}[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}