:root{--color-primary: #06b6d4;--color-primary-light: #22d3ee;--color-text: #e5e7eb;--color-text-muted: #9ca3af;--color-surface: #1e293b;--color-bg: var(--app-shell-bg);--color-purple: #a855f7;--color-violet: #8b5cf6;--color-border-subtle: rgba(255, 255, 255, .08);--color-bg-subtle: rgba(255, 255, 255, .04);--color-bg-hover: rgba(255, 255, 255, .08);--btn-h: 36px;--btn-radius: 10px;--btn-border: var(--color-border-subtle);--btn-bg: var(--color-bg-subtle);--btn-bg-hover: var(--color-bg-hover);--panel-bg: rgba(30, 41, 59, .5);--panel-border: rgba(71, 85, 105, .5);--design-background: 220 18% 13%;--design-foreground: 210 20% 92%;--design-card: 220 16% 16%;--design-muted: 218 14% 20%;--design-secondary: 218 14% 22%;--design-secondary-foreground: 210 20% 85%;--design-muted-foreground: 215 14% 55%;--design-primary: 187 72% 50%;--design-primary-foreground: 220 18% 10%;--design-accent: 187 60% 42%;--design-border: 218 14% 22%;--design-destructive: 0 72% 51%;--design-destructive-foreground: 0 0% 98%;--app-shell-bg: #1f2128}.header-safe{padding-top:var(--safe-area-inset-top, env(safe-area-inset-top, 0px))}.hand-marking-right{position:relative}.hand-marking-right:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed white;border-radius:calc(.375rem - 2px);pointer-events:none;z-index:1}.measure-number{position:absolute;left:-28px;top:6px;width:20px;font-size:10px;color:#6b7280;font-family:monospace;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.measure-loop-strip--hidden{visibility:hidden;pointer-events:none}.measure-loop-strip{position:absolute;left:-44px;top:-2px;bottom:-6px;width:6px;border:none;border-radius:4px;background:#47556966;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.measure-loop-strip:before{content:"";position:absolute;left:-10px;right:-10px;top:0;bottom:0;cursor:pointer}.measure-loop-strip[data-measure-index="0"]{top:4px;border-radius:3px 3px 0 0}.measure-loop-strip:hover{background:#06b6d480}.loop-measure-selected{background:#06b6d414;border-radius:4px}.loop-measure-selected .measure-loop-strip{background:linear-gradient(180deg,#06b6d4e6,#22d3eee6,#06b6d4e6);box-shadow:0 0 8px #06b6d499,0 0 16px #06b6d44d}.loop-measure-selected .measure-loop-strip:hover{background:linear-gradient(180deg,#22d3ee,#67e8f9,#22d3ee);box-shadow:0 0 12px #06b6d4cc,0 0 24px #06b6d466}.measure-loop-strip[data-measure-last=true]{bottom:4px;border-radius:0 0 3px 3px}.measure-loop-strip[data-measure-index="0"][data-measure-last=true]{border-radius:3px}.loop-measure-selected:first-child .measure-loop-strip,.loop-measure-selected[data-range-start=true] .measure-loop-strip{border-radius:3px 3px 0 0}.loop-measure-selected:last-child .measure-loop-strip,.loop-measure-selected[data-range-end=true] .measure-loop-strip{border-radius:0 0 3px 3px}.loop-measure-selected[data-range-start=true][data-range-end=true] .measure-loop-strip{border-radius:3px}.portrait-message{display:none}.tracks-song-load-overlay{position:relative;display:flex;align-items:center;justify-content:center;margin:88px 0 34px;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;animation:none}.tracks-song-load-overlay.hidden{display:none}#tracks.tracks-loading>:not(#tracksSongLoadOverlay){display:none!important}.song-loading #toolbarSongHeaderRow,.song-loading #toolbarSongHeaderDivider{display:none!important}.tracks-song-load-overlay__panel{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;max-width:460px;padding:0;border-radius:0;border:0;background:transparent;color:#fff;box-shadow:none}.tracks-song-load-overlay__loader{transform:scale(.82);transform-origin:center}@keyframes beatLoaderWave{0%,to{transform:scaleY(.45);opacity:.5;filter:brightness(.85)}50%{transform:scaleY(1);opacity:1;filter:brightness(1.15)}}@keyframes beatLoaderGlow{0%,to{opacity:.3;transform:translate(-50%) scaleX(.84)}50%{opacity:.75;transform:translate(-50%) scaleX(1.08)}}@keyframes beatLoaderExpand{0%{transform:translate(-50%,-50%) scale(.82);opacity:0}52%{opacity:.35}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.beat-loader{position:relative;width:220px;height:132px;display:flex;align-items:center;justify-content:center;pointer-events:none}.beat-loader--compact{width:180px;height:100px}.beat-loader__rings{position:absolute;top:50%;left:50%;width:420px;height:420px;transform:translate(-50%,-50%)}.beat-loader__ring{position:absolute;border:1px solid hsl(var(--design-primary) / .2);border-radius:9999px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:beatLoaderExpand 3s ease-out infinite;animation-fill-mode:backwards}.beat-loader__ring:nth-child(1){width:96px;height:96px;animation-delay:0s}.beat-loader__ring:nth-child(2){width:168px;height:168px;animation-delay:1s}.beat-loader__ring:nth-child(3){width:248px;height:248px;animation-delay:2s}.beat-loader__wave{position:relative;width:220px;height:112px;display:flex;align-items:center;justify-content:center;gap:6px}.beat-loader--compact .beat-loader__wave{width:176px;height:88px;gap:5px}.beat-loader__wave:before{content:"";position:absolute;left:50%;bottom:-14px;transform:translate(-50%);width:188px;height:34px;background:radial-gradient(ellipse,hsl(var(--design-primary) / .32) 0%,hsl(var(--design-accent) / .24) 35%,transparent 72%);filter:blur(12px);animation:beatLoaderGlow 1.2s ease-in-out infinite}.beat-loader__bar{width:10px;height:var(--bar-h);border-radius:9999px;background:linear-gradient(180deg,#62d0df,hsl(var(--design-primary)) 52%,#24828f);box-shadow:inset 0 1px #ffffff2e,0 0 16px hsl(var(--design-primary) / .38);transform-origin:center;animation:beatLoaderWave 1.2s ease-in-out infinite;animation-delay:var(--bar-delay)}.beat-loader--compact .beat-loader__bar{width:8px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 30px #06b6d499}}#loadingScreen{animation:fadeInScale .3s ease-out}#loadingScreen .animate-pulse{animation:pulseGlow 2s ease-in-out infinite}.loading-screen-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;min-width:100dvw;max-width:100dvw;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:var(--app-shell-bg)}.loading-screen-content{position:fixed;left:50dvw;top:50dvh;transform:translate(-50%,-50%);width:min(24rem,calc(100dvw - 2rem));margin:0;color:hsl(var(--design-foreground))}.loading-screen-loader{min-height:132px}.loading-screen-logo{box-shadow:0 20px 35px #0d0e128c,0 0 0 1px hsl(var(--design-border) / .72)}.loading-screen-text{color:hsl(var(--design-foreground) / .92)}.loading-screen-progress-rail{background:hsl(var(--design-card) / .9);border:1px solid hsl(var(--design-border) / .82);box-shadow:inset 0 1px #ffffff0a,0 2px 10px #0d0e1259}.loading-screen-progress-fill{background:linear-gradient(90deg,hsl(var(--design-accent)),hsl(var(--design-primary)) 48%,#62d0df)}.loading-screen-status{color:hsl(var(--design-muted-foreground))}@media (max-width: 640px) and (orientation: portrait){.loading-screen-content{width:min(20rem,calc(100dvw - 1.5rem));padding-left:.75rem;padding-right:.75rem}.loading-screen-loader beat-loader{transform:scale(.86);transform-origin:center}.loading-screen-progress-rail{width:min(16rem,calc(100vw - 2rem))}}body{overflow-x:auto;min-width:844px;background:var(--app-shell-bg);background-attachment:fixed;font-family:Geist,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.file-picker{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}body:not(.cell-drag-active) .cell:hover{border-color:#94a3b8}body:not(.cell-drag-active) .triplet-sub-cell:hover{border-color:#94a3b8}.cell.dragging,.triplet-sub-cell.dragging{opacity:.28;transform:scale(.96);pointer-events:none}.cell.drag-over{border:2px solid var(--color-primary);background:#06b6d447;transform:scale(1.04);will-change:transform;outline:1px solid rgba(103,232,249,.7);outline-offset:1px}.triplet-sub-cell.drag-over{background:#06b6d447;transform:scale(1.02);will-change:transform;box-shadow:inset 0 0 0 2px var(--color-primary),inset 0 0 0 3px #67e8f9b3;position:relative;z-index:1}.cell.drop-invalid{border:2px dashed #ef4444;background:#ef444433}.triplet-sub-cell.drop-invalid{background:#ef444433;box-shadow:inset 0 0 0 2px #ef4444;position:relative;z-index:1}.triplet-sub-cell.triplet-sub-selected{box-shadow:inset 0 0 0 2px #facc15c7;position:relative;z-index:1}.playhead-sub{box-shadow:inset 0 0 0 2px var(--color-primary);position:relative;z-index:1}.cell[draggable=true],.triplet-sub-cell[draggable=true]{cursor:grab}.cell[draggable=true]:active,.triplet-sub-cell[draggable=true]:active{cursor:grabbing}.drag-preview-clone{position:fixed;top:-9999px;left:-9999px;pointer-events:none;margin:0!important;transform:none!important;transition:none!important;opacity:.98;box-shadow:0 3px 10px #02081759;contain:paint}.track-title[draggable=true]{cursor:grab}.track-title[draggable=true]:active{cursor:grabbing}.track-wrap{display:block;transition:margin .12s ease,transform .12s ease,background-color .12s ease,height .12s ease}#tracks.tracks-reordering .track-wrap,#tracks.tracks-reordering .track-placeholder{transition:none!important}body.track-reordering-capture,body.track-reordering-capture *{user-select:none!important;-webkit-user-select:none!important}.track-wrap.track-dragging{opacity:.7;transform:scale(.995)}.track-wrap.track-drop-target{position:relative}.track-wrap.track-drop-target:before,.track-wrap.track-drop-target:after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:999px;background:var(--color-primary);box-shadow:0 0 0 2px #06b6d42e;pointer-events:none;opacity:0}.track-wrap.track-drop-target.track-insert-before:before{top:-6px;opacity:1}.track-wrap.track-drop-target.track-insert-after:after{bottom:-6px;opacity:1}.track-placeholder{border:2px dashed var(--color-primary);border-radius:10px;background:#06b6d414;margin:8px 0}.selection-box{position:fixed;border:2px dashed #3b82f6;background:#3b82f61a;pointer-events:none;z-index:9999;border-radius:4px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;margin-top:5px;z-index:1000}.tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000000e6;margin-top:1px;opacity:0;transition:opacity .2s;z-index:1000}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(2px)}.tooltip[data-managed=true]:after,.tooltip[data-managed=true]:before{display:none}.custom-tooltip{position:fixed;z-index:10000;max-width:min(280px,calc(100vw - 16px));background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.2;pointer-events:none;box-shadow:0 2px 12px #00000059}.custom-tooltip[data-placement=top]:after,.custom-tooltip[data-placement=bottom]:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:6px solid transparent}.custom-tooltip[data-placement=top]:after{bottom:-12px;border-top-color:#000000e6}.custom-tooltip[data-placement=bottom]:after{top:-12px;border-bottom-color:#000000e6}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);min-width:var(--btn-h);padding:0 10px;border-radius:var(--btn-radius);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--color-text);transition:background-color .15s ease,border-color .15s ease,transform .05s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--btn-bg-hover);border-color:#ffffff29}.btn:active{transform:translateY(1px)}.btn-icon{width:var(--btn-h);padding:0}.ui-modal-overlay{background:#0f1115b8}.ui-modal-panel{background:hsl(var(--design-card));border:1px solid hsl(var(--design-border));color:hsl(var(--design-foreground));box-shadow:0 18px 40px #0d0e1273,0 3px 10px #0d0e1259}.ui-modal-header{background:hsl(var(--design-muted) / .78);border-bottom:1px solid hsl(var(--design-border))}.ui-modal-close-btn{color:hsl(var(--design-muted-foreground))}.ui-modal-close-btn:hover{color:hsl(var(--design-foreground));background:hsl(var(--design-secondary) / .85)}.ui-modal-close-btn:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--design-primary) / .35)}.ui-modal-footer{border-top:1px solid hsl(var(--design-border))}.ui-modal-input{background:hsl(var(--design-muted));border:1px solid hsl(var(--design-border));color:hsl(var(--design-foreground))}.ui-modal-input:focus-visible{outline:none;border-color:hsl(var(--design-primary) / .62);box-shadow:0 0 0 2px hsl(var(--design-primary) / .22)}.ui-toolbar-action-btn{border:1px solid rgba(148,163,184,.3);background:#0f172acc;color:#e2e8f0;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ui-toolbar-action-btn:hover{background:#1e293bf2;border-color:#94a3b873;color:#f8fafc}.ui-toolbar-action-btn:focus-visible{outline:none;border-color:#22d3eeb3;box-shadow:0 0 0 3px #22d3ee38,0 1px 2px #0f172a73}.ui-toolbar-action-btn:active{transform:translateY(1px);background:#0f172af2}.ui-toolbar-toggle-btn.ui-toolbar-toggle-btn--active{background:hsl(var(--design-primary));border-color:hsl(var(--design-primary));color:hsl(var(--design-primary-foreground))}.ui-toolbar-toggle-btn.ui-toolbar-toggle-btn--active:hover{background:hsl(var(--design-primary) / .9);border-color:hsl(var(--design-primary) / .95);color:hsl(var(--design-primary-foreground))}.ui-toolbar-toggle-btn.ui-toolbar-toggle-btn--active:focus-visible{border-color:hsl(var(--design-primary))}.ui-icon-ghost-btn{color:#cbd5e1;border:1px solid transparent}.ui-icon-ghost-btn:hover{color:#f8fafc;background:#334155a6;border-color:#94a3b852}.ui-icon-ghost-btn:active{background:#334155cc}.ui-icon-ghost-btn:focus-visible{outline:none;border-color:#22d3ee99;box-shadow:0 0 0 3px #22d3ee2e}.ui-settings-section{background:hsl(var(--design-card));border:1px solid hsl(var(--design-border));box-shadow:inset 0 1px hsl(var(--design-foreground) / .03)}.ui-settings-select{background:hsl(var(--design-muted));border:1px solid hsl(var(--design-border));color:hsl(var(--design-foreground))}.ui-settings-select:focus-visible{outline:none;border-color:hsl(var(--design-primary) / .62);box-shadow:0 0 0 2px hsl(var(--design-primary) / .22)}.ui-track-action-btn,.ui-track-bars-option{letter-spacing:.01em}.ui-library-item-btn{font-size:.9rem;background:hsl(var(--design-muted));border:1px solid hsl(var(--design-border));color:hsl(var(--design-foreground))}.ui-library-item-btn:hover{background:hsl(var(--design-secondary) / .9);border-color:hsl(var(--design-primary) / .72)}.ui-library-item-btn:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--design-primary) / .22)}.ui-sample-row{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-instrument-tile{will-change:transform,border-color,background-color}.toggle-flag-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(148,163,184,.32);background:#0f172abf;color:#cbd5e1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #02061780}.toggle-flag-btn:hover{background:#1e293bf2;border-color:#94a3b873;color:#f8fafc}.toggle-flag-btn:active{transform:scale(.95)}.toggle-flag-btn.active,.toggle-flag-btn--active{background:#06b6d429;border-color:#22d3ee9e;color:#67e8f9;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #22d3ee33}.toggle-flag-btn.active:hover,.toggle-flag-btn--active:hover{background:#06b6d438;border-color:#22d3eebf}.toggle-flag-btn:focus-visible{outline:none;border-color:#22d3eeb3;box-shadow:0 0 0 3px #22d3ee33}.toggle-flag-btn--select{width:auto;min-width:40px;padding:0 6px;justify-content:flex-start;gap:4px;font-size:12px}.ui-toolbar-dropdown{background:#0f172af5;border:1px solid rgba(148,163,184,.32);border-radius:8px;box-shadow:0 10px 22px #02061773,0 2px 6px #02061759;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toolbar-bars-option{width:100%;text-align:left;padding:4px 10px;border-radius:6px;font-size:12px;color:var(--color-text);transition:background-color .15s ease}.toolbar-bars-option:hover{background:#334155cc}.toolbar-bars-option.active{background:#22d3ee33;color:#67e8f9}.badge{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);padding:0 12px;border-radius:var(--btn-radius);background:#ffffff08;border:1px solid var(--btn-border);color:var(--color-text)}.input-ghost{height:var(--btn-h);border-radius:var(--btn-radius);background:#ffffff08;border:1px solid var(--btn-border);color:var(--color-text);padding:0 12px}.range-ghost{height:4px}select.input-ghost[class]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-border-subtle);box-sizing:border-box;outline:none}select.input-ghost[class]:hover{background-color:var(--color-bg-hover);border-color:#ffffff29}select.input-ghost[class]:focus,select.input-ghost[class]:focus-within,select.input-ghost[class]:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px #06b6d433;outline:none}select.input-ghost[class] option{background-color:var(--color-surface);color:var(--color-text);padding:8px 12px;border:none;outline:none;font-size:14px;line-height:1.4;box-sizing:border-box;box-shadow:none}select.input-ghost[class] option:hover{background-color:#334155}select.input-ghost[class] option:checked{background-color:var(--color-primary);color:#fff;font-weight:500}select.input-ghost[class] option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}select.input-ghost[class] option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}select.input-ghost[class]:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--color-text);border:none}select.input-ghost[class]:-moz-focusring option{color:var(--color-text);border:none}select.input-ghost[class]::-webkit-select-placeholder{color:var(--color-text-muted)}select.input-ghost[class]::-ms-expand{display:none}select.input-ghost[class] *,select.input-ghost[class] *:before,select.input-ghost[class] *:after{border-color:transparent;outline-color:transparent}@media (min-width: 1024px){.sticky-toolbar-section{position:sticky;top:60px;z-index:40;background:var(--color-bg);padding-top:1rem;margin-top:-.75rem;width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;padding-left:calc((100vw - 45rem)/2 + .75rem);padding-right:calc((100vw - 45rem)/2 + .75rem);overflow-x:clip}}.settings-tab{cursor:pointer;transition:all .2s ease}.settings-tab.active{background-color:#8b5cf61a}.settings-tab-content{display:block}.settings-tab-content.hidden{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:24px;padding:0;margin:4px 0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;height:6px;border-radius:3px;border:1px solid rgba(255,255,255,.05)}input[type=range]::-moz-range-track{background:#ffffff1a;height:6px;border-radius:3px;border:1px solid rgba(255,255,255,.05)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:currentColor;border:2px solid rgba(255,255,255,.9);cursor:pointer;margin-top:-7px;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease,box-shadow .1s ease}input[type=range]::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:currentColor;border:2px solid rgba(255,255,255,.9);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease,box-shadow .1s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 3px 12px #0006}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 3px 12px #0006}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 4px 16px #00000080}input[type=range]:active::-moz-range-thumb{transform:scale(1.25);box-shadow:0 4px 16px #00000080}input[type=range]:hover::-webkit-slider-runnable-track{background:#ffffff26}input[type=range]:hover::-moz-range-track{background:#ffffff26}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #06b6d44d,0 2px 8px #0000004d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #06b6d44d,0 2px 8px #0000004d}input[type=range].accent-purple-500::-webkit-slider-thumb{background:var(--color-purple)}input[type=range].accent-purple-500::-moz-range-thumb{background:var(--color-purple)}input[type=range].accent-cyan-500::-webkit-slider-thumb{background:var(--color-primary)}input[type=range].accent-cyan-500::-moz-range-thumb{background:var(--color-primary)}input[type=range].accent-primary::-webkit-slider-thumb{background:var(--color-violet)}input[type=range].accent-primary::-moz-range-thumb{background:var(--color-violet)}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawerSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.sound-drawer-panel{position:fixed;left:0;right:0;bottom:0;z-index:50;width:100vw;max-width:100vw}.sound-drawer-panel--open{display:block;pointer-events:auto}.sound-drawer-panel--closed{display:none;pointer-events:none}.sound-drawer-scroll{padding-bottom:.65rem;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;scroll-padding-inline:.5rem}.sound-drawer-scroll-row{width:max-content;min-width:100%;justify-content:center;padding-inline:.25rem}@media (max-width: 1024px){.sound-drawer-scroll-row{justify-content:flex-start}}.sound-drawer-scroll::-webkit-scrollbar{height:8px}.sound-drawer-scroll::-webkit-scrollbar-track{background:hsl(var(--design-card) / .42);border-radius:9999px}.sound-drawer-scroll::-webkit-scrollbar-thumb{background:hsl(var(--design-border) / .95);border-radius:9999px}#tapTempoBtn{transition:all .2s ease;position:relative}#tapTempoBtn.tap-idle{background:var(--color-bg-subtle);border-color:var(--color-border-subtle)}#tapTempoBtn.tap-active{background:#06b6d426;border-color:#06b6d466;animation:tapPulse .4s ease-out}#tapTempoBtn.tap-calculating{background:#10b98126;border-color:#10b98166;animation:tapPulse .4s ease-out}@keyframes tapPulse{0%{transform:scale(1);box-shadow:0 0 #06b6d466}50%{transform:scale(1.05);box-shadow:0 0 0 6px #06b6d400}to{transform:scale(1);box-shadow:0 0 #06b6d400}}body[data-mode=preview] [data-edit-only]{display:none}body[data-mode=preview] [data-edit-only-ghost]{visibility:hidden;pointer-events:none}body[data-mode=preview] sound-drawer{display:none}body[data-mode=preview] .song-title-edit-group{cursor:default;pointer-events:none}body[data-mode=preview] .track-handle [class*=cursor-grab],body[data-mode=preview] .cell[draggable=true],body[data-mode=preview] .triplet-sub-cell[draggable=true]{cursor:default}@media (max-width: 999px){.header-inner{padding-inline:.5rem}.header-controls{gap:.5rem}}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-cyrillic-400-normal-DnEqMUkt.woff2) format("woff2"),url(/assets/geist-cyrillic-400-normal-DoYExElg.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-ext-400-normal-BP0SqLoz.woff2) format("woff2"),url(/assets/geist-latin-ext-400-normal-CxhClfoC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-400-normal-DSkA1yZt.woff2) format("woff2"),url(/assets/geist-latin-400-normal-BnFbi-1n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-cyrillic-500-normal-C6JjjZZ1.woff2) format("woff2"),url(/assets/geist-cyrillic-500-normal-DEcJ8qix.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-ext-500-normal-0UPWgPJt.woff2) format("woff2"),url(/assets/geist-latin-ext-500-normal-Cp7xHeNA.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-500-normal-DJ9fwJi3.woff2) format("woff2"),url(/assets/geist-latin-500-normal-CIqOcbcu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-cyrillic-600-normal-X9X0urb-.woff2) format("woff2"),url(/assets/geist-cyrillic-600-normal-64f_Uksv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-ext-600-normal-CEqX-wEv.woff2) format("woff2"),url(/assets/geist-latin-ext-600-normal-ei6D1j5L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-600-normal-C4XfSTOc.woff2) format("woff2"),url(/assets/geist-latin-600-normal-CvyQaDJg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-cyrillic-700-normal-Bby3OhD7.woff2) format("woff2"),url(/assets/geist-cyrillic-700-normal-rSfeQ698.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-latin-ext-700-normal-V3Z5_AfI.woff2) format("woff2"),url(/assets/geist-latin-ext-700-normal-DPScEqPK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-latin-700-normal-CKFtLPQ7.woff2) format("woff2"),url(/assets/geist-latin-700-normal-BKs1SfBc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}