@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{font-family:Inter,Avenir,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#f3f6ff;background-color:#000;--bg-gradient-a: linear-gradient(to right top, #241b45, #33427a, #3a5f8f);--bg-gradient-b: linear-gradient(to right top, #241b45, #33427a, #3a5f8f);--bg-layer-a: 1;--bg-layer-b: 0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}html,body{margin:0;min-height:100vh;background-color:#000;overflow-x:clip}#app{width:100%;min-height:100vh;position:relative;z-index:0;overflow-x:clip}#app:before,#app:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;transition-property:opacity;transition-duration:2s;transition-timing-function:cubic-bezier(.2,0,.2,1);will-change:opacity}#app:before{background-image:var(--bg-gradient-a);opacity:var(--bg-layer-a)}#app:after{background-image:var(--bg-gradient-b);opacity:var(--bg-layer-b)}button{font-family:inherit}.thin{font-weight:200;letter-spacing:.05em;padding-left:10px;color:#444;font-size:25px}body[data-v-a9a255e4],.sequencer-root[data-v-a9a255e4]{font-family:Inter,Arial,sans-serif;background:#03152700;color:#f3f3f3;margin:0;padding:0}.sequencer-root[data-v-a9a255e4]{--row-label-width: 140px;width:100%;max-width:100%;position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr;align-items:start;gap:0;padding-top:0;touch-action:pan-y pinch-zoom;overflow-x:clip}.sr-only[data-v-a9a255e4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sequencer-root.collapsed[data-v-a9a255e4]{--row-label-width: 90px}.sequencer-workspace[data-v-a9a255e4]{position:relative;display:flex;flex-direction:column;gap:clamp(.75rem,1vh,1.25rem);width:100%;flex:1 1 auto;min-height:0;min-width:0;overflow-x:clip}.controls[data-v-a9a255e4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(.5rem,1.4vw,1rem);width:100%;min-width:0;margin:0;padding:clamp(.56rem,1.7vh,.95rem) clamp(.75rem,2vw,1.4rem);background:transparent;border-bottom:none}.ios-audio-warning[data-v-a9a255e4]{width:100%;padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(255,200,120,.35);background:#181208b3;color:#ffe6c8eb;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ios-audio-warning-dismiss[data-v-a9a255e4]{border:1px solid rgba(255,200,120,.4);background:#1e160a99;color:#ffebd2f2;padding:.35rem .7rem;border-radius:999px;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap}.ios-audio-warning-dismiss[data-v-a9a255e4]:hover{border-color:#ffdca0b3}.zoom-controls[data-v-a9a255e4]{display:inline-flex;align-items:center;gap:.45rem;margin-left:clamp(.4rem,1vw,.8rem);padding:.28rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0c1a2d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-btn[data-v-a9a255e4]{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#f3f6ff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.zoom-btn[data-v-a9a255e4]:hover:enabled,.zoom-btn[data-v-a9a255e4]:focus-visible:enabled{background:#ffffff38;border-color:#ffffff73;color:#061222}.zoom-btn[data-v-a9a255e4]:disabled{opacity:.4;cursor:not-allowed}.zoom-label[data-v-a9a255e4]{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#ecf4ffdb;min-width:3ch;text-align:center;-webkit-user-select:none;user-select:none}.top-bar-shell[data-v-a9a255e4]{position:relative;width:100%;margin-left:0;z-index:280;display:flex;flex-direction:column;gap:clamp(.35rem,.9vh,.85rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081222eb;box-shadow:0 12px 24px #03091273}.controls-top[data-v-a9a255e4]{position:relative;margin-bottom:0;padding-bottom:clamp(.15rem,.5vh,.35rem);background:transparent;box-shadow:none}.play-toggle[data-v-a9a255e4]{background:none;border:none;cursor:pointer;padding:0;outline:none;display:flex;align-items:center;transition:transform .1s}.play-toggle[data-v-a9a255e4]:active{transform:scale(.95)}.chord-cell-button[data-v-a9a255e4]{width:100%;height:100%;border-radius:3px;border:none;background:#0000;color:#333;font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:0rem .1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,box-shadow .16s ease;position:relative}.chord-cell-button.has-chord[data-v-a9a255e4]{background-image:linear-gradient(to top,#051937,#131739,#1f1539,#2a1137,#340c34);align-items:flex-start;box-shadow:inset 0 0 0 1px #00000008;border-left:1px solid rgba(255,255,255,.4);border-radius:0 5px 5px 0}.chord-cell-button[data-v-a9a255e4]:hover{background-image:linear-gradient(to top,#051937,#131739,#1f1539,#2a1137,#340c34);border:1px solid #ccc}.chord-cell-button.has-chord[data-v-a9a255e4]:hover{background-image:linear-gradient(to top,#051937,#131739,#1f1539,#2a1137,#340c34);transform:translateY(-1px);box-shadow:0 6px 12px #00000052}.chord-cell-button[data-v-a9a255e4]:active{cursor:grabbing}.chord-cell-button.chord-drag-source[data-v-a9a255e4]{opacity:.65;cursor:grabbing;box-shadow:inset 0 0 0 1px #ffffff2e}.chord-cell-button.chord-drag-over[data-v-a9a255e4]{box-shadow:0 0 12px #78aaf073;background:#4f70a8}.chord-symbol[data-v-a9a255e4]{font-size:clamp(.62rem,.5rem + calc(var(--cell-width, 42px) / 85),.88rem);text-align:left;white-space:nowrap;color:#f4f5f8;display:inline-flex;width:100%;max-width:none;text-overflow:clip;overflow:visible}.chord-placeholder-icon[data-v-a9a255e4]{opacity:.7;font-size:clamp(.72rem,.65rem + .1vw,.9rem);line-height:1;color:#f7f7f7ad;display:inline-flex;align-items:center;width:100%;padding-left:.08rem}.melody-voice-btn[data-v-a9a255e4],.bass-voice-btn[data-v-a9a255e4]{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.melody-staff-cell[data-v-a9a255e4]{position:relative;width:100%;min-height:var(--melody-cell-height, 220px);padding:0;margin:0;border-radius:0;background:transparent;cursor:pointer}.melody-staff-line[data-v-a9a255e4]{position:absolute;left:-1px;right:-1px;height:1.4px;background:#d2f5ff52;pointer-events:none;z-index:0}.melody-note-dot[data-v-a9a255e4]{position:absolute;left:50%;transform:translate(-50%,-50%);width:clamp(6px,calc(var(--cell-width, 42px) * .32),12px);height:clamp(6px,calc(var(--cell-width, 42px) * .32),12px);border-radius:50%;background:#4cf0ffe0;box-shadow:0 3px 8px #4cf0ff38;z-index:2}.melody-note-dot.active[data-v-a9a255e4]{background:#fff;box-shadow:0 0 10px #ffffffbf,0 0 18px #00c8ff73;border:max(1px,calc(var(--cell-width, 42px) * .06)) solid rgba(0,210,255,.85)}.melody-ledger-line[data-v-a9a255e4]{position:absolute;left:50%;transform:translate(-50%,-50%);width:clamp(16px,calc(var(--cell-width, 42px) * .84),28px);height:max(1px,calc(var(--cell-width, 42px) * .05));background:#d2f5ffd9;border-radius:2px;pointer-events:none;z-index:1}.melody-note-accidental[data-v-a9a255e4]{position:absolute;left:50%;transform:translate(-160%,-55%);font-size:clamp(.6rem,.5rem + calc(var(--cell-width, 42px) * .01),.92rem);line-height:1;color:#4cf0ffeb;text-shadow:0 0 6px rgba(0,140,170,.55);pointer-events:none;z-index:2}.melody-note-accidental.acc-sharp[data-v-a9a255e4]{transform:translate(-185%,-55%)}.melody-note-accidental.acc-natural[data-v-a9a255e4]{transform:translate(-160%,-55%)}.melody-accidental-controls[data-v-a9a255e4]{position:absolute;left:50%;transform:translate(-140%,-50%);display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;pointer-events:auto;z-index:6}.melody-accidental-controls.placement-above[data-v-a9a255e4]{transform:translate(-140%,-80%)}.melody-accidental-controls.placement-below[data-v-a9a255e4]{transform:translate(-140%,-20%)}.melody-accidental-controls button[data-v-a9a255e4]:nth-child(2){align-self:center}.melody-acc-btn[data-v-a9a255e4]{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,220,255,.85);background:#00bff9;color:#041825;font-size:.68rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 6px #00beff73;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.melody-acc-btn.selected[data-v-a9a255e4]{background:#00e0ff;border-color:#fff;color:#031018;box-shadow:0 0 10px #00d2ffa6}.melody-acc-btn[data-v-a9a255e4]:hover{background:#1ce2ff;border-color:#fff;transform:translateY(-1px)}.mic-row-inline[data-v-a9a255e4]{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.mic-row-title[data-v-a9a255e4]{font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7}.mic-record-chip[data-v-a9a255e4]{display:inline-flex}.mic-header-button[data-v-a9a255e4]{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .85rem .25rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#091428a6;color:#ffffffd9;font:inherit;font-size:.58rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.mic-header-button[data-v-a9a255e4]:hover,.mic-header-button[data-v-a9a255e4]:focus-visible{outline:none;background:#94b3ff40;border-color:#94b3ff8c;color:#fff;transform:translateY(-1px)}.mic-header-button[data-v-a9a255e4]:active{transform:translateY(0)}.mic-header-button.is-recording[data-v-a9a255e4]{background:#ff404040;border-color:#ff7474a6;color:#ffdee0}.mic-header-button.is-armed[data-v-a9a255e4]:not(.is-recording){background:#ffb40038;border-color:#ffc978a6;color:#fff1d5}.mic-header-button:hover .mic-header-icon[data-v-a9a255e4],.mic-header-button:focus-visible .mic-header-icon[data-v-a9a255e4]{transform:scale(1.08)}.mic-record-label[data-v-a9a255e4]{display:inline-flex;align-items:center;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:.58rem}.mic-header-icon[data-v-a9a255e4]{width:14px;height:14px;border-radius:50%;background:#ff4040bf;box-shadow:0 0 10px #ff40408c;position:relative;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.mic-header-icon[data-v-a9a255e4]:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#ffb4b4d9}.mic-header-icon.armed[data-v-a9a255e4]{background:#ffb40066;box-shadow:0 0 10px #ffb4008c}.mic-header-icon.recording[data-v-a9a255e4]{background:#ff4040bf;box-shadow:0 0 12px #ff4040a6}.mic-header-icon.recording[data-v-a9a255e4]:after{background:#ffe6e6d9}.mic-waveform-cell[data-v-a9a255e4]{position:relative;width:100%;height:100%;overflow:visible;background:transparent}.mic-waveform-cell.recording[data-v-a9a255e4]{animation:mic-recording-pulse-a9a255e4 1s ease-in-out infinite}.mic-waveform-cell.armed[data-v-a9a255e4]{background-color:#ffb40014}.mic-waveform-cell.has-waveform[data-v-a9a255e4]{background-color:#06161cd9}.mic-waveform-cell.is-selected[data-v-a9a255e4]{box-shadow:0 0 0 2px #59f6ffa6}.mic-waveform-overlay[data-v-a9a255e4]{position:absolute;top:0;left:var(--mic-overlay-offset, 0%);height:100%;width:var(--mic-overlay-width, 100%);display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:grab;z-index:0;padding-bottom:1.8rem;box-sizing:border-box}.mic-waveform-cell.dragging .mic-waveform-overlay[data-v-a9a255e4]{cursor:grabbing}.mic-trim-handle[data-v-a9a255e4]{position:absolute;top:0;bottom:0;width:10px;border:none;background:linear-gradient(180deg,#ffffffb3,#78c8ff59);opacity:0;transition:opacity .2s ease;cursor:ew-resize;z-index:2}.mic-waveform-overlay:hover .mic-trim-handle[data-v-a9a255e4],.mic-trim-handle[data-v-a9a255e4]:focus-visible{opacity:1}.mic-fade-toggle[data-v-a9a255e4]{position:absolute;bottom:.2rem;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .45rem;border-radius:12px;border:1px solid rgba(140,190,255,.35);background:#030810e6;color:#bee6ffcc;cursor:pointer;opacity:0;transition:opacity .2s ease,border-color .2s ease,color .2s ease;z-index:2}.mic-waveform-cell:hover .mic-fade-toggle[data-v-a9a255e4],.mic-fade-toggle[data-v-a9a255e4]:focus-visible{opacity:1}.mic-fade-toggle.left[data-v-a9a255e4]{left:0}.mic-fade-toggle.right[data-v-a9a255e4]{right:0}.mic-fade-toggle.active[data-v-a9a255e4]{border-color:#59f6ffcc;color:#fffffff2}.mic-waveform-image[data-v-a9a255e4]{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.92;pointer-events:none}.mic-waveform-placeholder[data-v-a9a255e4]{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#c0f4ff8c;background:#06161ca6;padding:.25rem .6rem;border-radius:12px;pointer-events:auto;z-index:1}body.mic-waveform-dragging[data-v-a9a255e4],body.mic-waveform-dragging[data-v-a9a255e4] *,body.mic-trim-dragging[data-v-a9a255e4],body.mic-trim-dragging[data-v-a9a255e4] *{-webkit-user-select:none!important;user-select:none!important}@keyframes mic-recording-pulse-a9a255e4{0%{box-shadow:0 0 #ff404000}50%{box-shadow:0 0 20px #ff404073}to{box-shadow:0 0 #ff404000}}@keyframes playing-pop-a9a255e4{0%{transform:scale(.9);box-shadow:0 0 10px var(--row-color, rgba(90, 200, 255, .4)),0 0 20px #ffffff2e}60%{transform:scale(1.09);box-shadow:0 0 24px var(--row-color, rgba(90, 200, 255, .65)),0 0 40px #ffffff47}to{transform:scale(1);box-shadow:0 0 16px var(--row-color, rgba(90, 200, 255, .5)),0 0 22px #ffffff38}}@keyframes playing-pop-thin-a9a255e4{0%{opacity:.6}60%{opacity:1}to{opacity:.85}}.melody-hover-indicator[data-v-a9a255e4]{position:absolute;right:6%;transform:translateY(-50%);background:#081c28e6;border:1px solid rgba(76,240,255,.32);border-radius:999px;padding:.12rem .4rem;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#c0f4ffc7;pointer-events:none;box-shadow:0 4px 10px #00000052;z-index:1}.chord-editor-popup[data-v-a9a255e4]{position:absolute;background:#000000e6;border:1px solid rgba(120,160,255,.35);border-radius:16px;padding:1rem;box-shadow:none;display:flex;flex-direction:column;gap:.75rem;z-index:9999}.chord-editor-label[data-v-a9a255e4]{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#f3f6ff99}.chord-editor-symbols[data-v-a9a255e4]{display:flex;flex-direction:column;gap:.35rem;background:#0a1220a6;border:1px solid rgba(120,160,255,.18);border-radius:10px;padding:.55rem .6rem;font-size:.78rem}.chord-editor-symbols-row[data-v-a9a255e4]{display:flex;justify-content:space-between;gap:.75rem}.chord-editor-symbols-label[data-v-a9a255e4]{text-transform:uppercase;letter-spacing:.08em;color:#dceaffa6;font-size:.7rem}.chord-editor-symbols-value[data-v-a9a255e4]{color:#f9fbff;font-weight:600}.chord-editor-symbols-offset[data-v-a9a255e4]{margin-left:.35rem;font-size:.65rem;font-weight:500;color:#bacfffcc}.chord-editor-input[data-v-a9a255e4]{width:100%;background:#050c1699;border:1px solid rgba(120,160,255,.35);border-radius:10px;color:#f3f6ff;padding:.45rem .65rem;font-size:.9rem;font-family:Menlo,JetBrains Mono,Fira Code,monospace}.chord-editor-input[data-v-a9a255e4]:focus{outline:none;border-color:#a4ceffcc;box-shadow:0 0 0 2px #5876ff40}.chord-editor-error[data-v-a9a255e4]{margin:0;color:#ff7a8a;font-size:.78rem}.chord-editor-actions[data-v-a9a255e4]{display:flex;gap:.5rem;justify-content:flex-end}.editor-btn[data-v-a9a255e4]{border:none;border-radius:999px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;cursor:pointer;background:#172236cc;color:#f3f6ffe6;transition:background .2s ease,transform .2s ease}.editor-btn[data-v-a9a255e4]:hover{background:#213660d9;transform:translateY(-1px)}.editor-btn.primary[data-v-a9a255e4]{background:linear-gradient(135deg,#6b5bff,#2bc0ff);color:#fff}.editor-btn.primary[data-v-a9a255e4]:hover{background:linear-gradient(135deg,#7a6cff,#35c8ff)}.editor-btn.ghost[data-v-a9a255e4]{background:transparent;border:1px solid rgba(243,246,255,.25)}.editor-btn.ghost[data-v-a9a255e4]:hover{background:#f3f6ff14}.editor-btn.explorer-toggle[data-v-a9a255e4]{background:#1b2842b8;border:1px solid rgba(148,179,255,.28);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.editor-btn.explorer-toggle[data-v-a9a255e4]:hover{background:#334c7ad9;border-color:#adccff73}.chord-explorer-overlay[data-v-a9a255e4]{position:fixed;inset:0;background:#0409148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:12000;display:flex;justify-content:flex-end;align-items:stretch}.chord-explorer-panel[data-v-a9a255e4]{position:relative;height:100%;width:clamp(420px,65vw,840px);max-width:880px;padding:1.15rem 1.05rem;border-left:1px solid rgba(148,179,255,.35);background:#0a1120f5;box-shadow:-12px 0 32px #040a1c66;overflow-y:auto;overflow-x:auto}.chord-explorer-header[data-v-a9a255e4]{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#f3f6ffbf}.chord-explorer-header-top[data-v-a9a255e4]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;letter-spacing:.12em;color:#f3f6ff}.chord-explorer-close[data-v-a9a255e4]{border:none;background:#f3f6ff14;color:#f3f6ff;width:1.8rem;height:1.8rem;border-radius:999px;font-size:1rem;cursor:pointer;transition:background .18s ease,transform .18s ease}.chord-explorer-close[data-v-a9a255e4]:hover{background:#f3f6ff2e;transform:translateY(-1px)}.chord-explorer-grid[data-v-a9a255e4]{display:grid;grid-template-columns:repeat(8,minmax(78px,1fr));grid-auto-rows:minmax(26px,auto);gap:.18rem .2rem;align-items:start;justify-items:center}.chord-explorer-col[data-v-a9a255e4]{display:flex;flex-direction:column;gap:.18rem;align-items:stretch}.chord-explorer-col-header[data-v-a9a255e4]{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--explorer-col-accent, rgba(243, 246, 255, .9));text-align:center;padding:.1rem .2rem;font-weight:600}.chord-explorer-btn[data-v-a9a255e4]{border:1px solid var(--explorer-col-accent, rgba(255, 255, 255, .12));background:linear-gradient(165deg,#0a0e18f0,#0c1220f0),linear-gradient(145deg,var(--explorer-col-accent, rgba(255, 255, 255, .06)),rgba(255,255,255,0));color:var(--explorer-col-accent, #f7fbff);border-radius:12px;padding:.35rem .65rem;font-size:.68rem;letter-spacing:.05em;text-transform:none;text-align:center;cursor:pointer;transition:transform .16s ease,border-color .18s ease,box-shadow .2s ease,background .2s ease;width:80%;min-width:78px;align-self:stretch;box-shadow:0 12px 30px #00000052,inset 0 1px #ffffff0f}.chord-explorer-btn[data-v-a9a255e4]:hover{background:linear-gradient(165deg,#121a2afa,#101826fa),linear-gradient(145deg,var(--explorer-col-accent, rgba(255, 255, 255, .1)),rgba(255,255,255,0));border-color:var(--explorer-col-accent, rgba(255, 255, 255, .18));transform:translateY(-1px) scale(1.01);box-shadow:0 14px 36px #00000061,inset 0 1px #ffffff14}.explorer-slide-enter-active[data-v-a9a255e4],.explorer-slide-leave-active[data-v-a9a255e4]{transition:opacity .22s ease,transform .24s ease}.explorer-slide-enter-from[data-v-a9a255e4],.explorer-slide-leave-to[data-v-a9a255e4]{opacity:0;transform:translate(24px)}.play-toggle[data-v-a9a255e4]:hover{transform:scale(1.1)}.play-toggle-large[data-v-a9a255e4]{width:80px;height:80px;min-width:80px;min-height:80px;display:flex;align-items:center;justify-content:center}.bpm-slider-wrap[data-v-a9a255e4]{display:flex;flex-direction:column;align-items:center;margin-left:2rem}.bpm-slider[data-v-a9a255e4]{width:200px;margin-top:.5rem;accent-color:#1db954;background:var(--slider-empty-color, #3b4046);cursor:pointer}.bpm-value[data-v-a9a255e4]{font-weight:600;font-size:1em;margin-left:.5em}.sequencer-grid[data-v-a9a255e4]{--timeline-indicator-width: .75rem;--timeline-line-color: rgba(62, 212, 255, .98);--timeline-line-center: 0px;background:#0000001a;border-radius:0;padding:clamp(.35rem,1vh,.75rem) 0 0;width:100%;max-width:100%;min-width:0;overflow:visible;margin:0;position:relative}.template-overlay[data-v-a9a255e4]{position:absolute;top:calc(5.3rem + 20px);right:clamp(.5rem,2vw,1.75rem);z-index:8;max-width:150px;width:clamp(150px,22vw,240px)}@media (max-width: 900px){.template-overlay[data-v-a9a255e4]{position:static;top:auto;right:auto;left:auto;width:100%;max-width:none;padding:0 1rem;margin:1.25rem 0;display:flex;justify-content:center;z-index:auto}.template-inline[data-v-a9a255e4]{width:min(460px,100%);padding:1rem 1.2rem;box-shadow:inset 0 1px 4px #ffffff0a,0 8px 20px #040a1c42}.template-buttons[data-v-a9a255e4]{justify-content:center}.template-button[data-v-a9a255e4]{flex:1 1 calc(50% - .35rem);min-width:140px;text-align:center}}@media (max-width: 520px){.template-overlay[data-v-a9a255e4]{padding:0 .75rem}.template-inline[data-v-a9a255e4]{border-radius:12px;padding:.85rem 1rem}.template-buttons[data-v-a9a255e4]{gap:.4rem .5rem}.template-button[data-v-a9a255e4]{flex:1 1 100%}}@media (max-width: 768px){.controls-top[data-v-a9a255e4]{flex-direction:column;align-items:stretch;gap:.75rem}.controls-primary[data-v-a9a255e4]{width:100%;flex-wrap:nowrap;gap:.6rem;order:1;align-items:center;justify-content:flex-start}.loop-actions[data-v-a9a255e4]{order:2;display:flex;width:100%;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:wrap}.controls-settings[data-v-a9a255e4]{display:none;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;margin-top:.5rem;padding:.75rem;border-radius:12px;border:1px solid rgba(148,179,255,.25);background:#091428f5;box-shadow:0 12px 32px #040a1c73}.controls.mobile-open .controls-settings[data-v-a9a255e4]{display:flex}.loop-actions .loop-save[data-v-a9a255e4],.loop-actions .loop-new[data-v-a9a255e4]{flex:0 0 auto}.loop-actions .loop-dropdown[data-v-a9a255e4]{flex:1 1 auto;min-width:0}.loop-actions .loop-dropdown .state-btn[data-v-a9a255e4]{justify-content:center}.loop-actions .state-btn.icon-only[data-v-a9a255e4]:not(.settings-toggle),.loop-actions .state-btn.warning[data-v-a9a255e4],.loop-actions .autosaved-label[data-v-a9a255e4]{display:none!important}.loop-actions .state-btn.warning[data-v-a9a255e4]{display:inline-flex!important}.controls-primary.is-mobile[data-v-a9a255e4]{justify-content:center}.controls-primary.is-mobile .primary-play-group[data-v-a9a255e4]{width:100%;justify-content:center;padding:.3rem 0}.controls-primary.is-mobile .primary-play-group .play-toggle[data-v-a9a255e4]{margin:0 auto}}.grid-scroll[data-v-a9a255e4]{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.grid-scroll table[data-v-a9a255e4]{width:max-content;min-width:100%}.template-inline[data-v-a9a255e4]{display:flex;flex-direction:column;gap:.6rem;background:#23407f1a;border:1px solid rgba(148,179,255,.22);border-radius:14px;padding:.9rem 1.1rem;box-shadow:inset 0 1px 4px #ffffff0a,0 10px 24px #040a1c4d;color:#f3f6ffe0;transition-duration:1s}.template-primary[data-v-a9a255e4]{display:flex;justify-content:center;margin-bottom:.75rem}.template-primary-btn[data-v-a9a255e4]{border:1px solid rgba(148,179,255,.28);background:#16203acc;color:#f3f6ff;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.38rem .75rem;border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.template-primary-btn[data-v-a9a255e4]:hover{background:#4260a2d9;border-color:#adccff73;transform:translateY(-1px)}.template-divider[data-v-a9a255e4]{height:1px;width:100%;background:#ffffff1f;margin-bottom:.75rem}.template-inline-header[data-v-a9a255e4]{display:block;justify-content:space-between;align-items:baseline;gap:.6rem}.template-inline-header .template-title[data-v-a9a255e4]{margin:0;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase}.template-inline-header .template-subtitle[data-v-a9a255e4]{margin:0;font-size:.7rem;color:#f3f6ff99}.template-buttons[data-v-a9a255e4]{display:flex;flex-wrap:wrap;gap:.35rem}.template-button[data-v-a9a255e4]{flex:0 0 auto;border:1px solid rgba(148,179,255,.28);background:#16203acc;color:#f3f6ff;border-radius:8px;padding:.38rem .75rem;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.template-button[data-v-a9a255e4]:hover{background:#4260a2d9;border-color:#adccff73;transform:translateY(-1px)}@media (max-width: 1100px){.template-row[data-v-a9a255e4]{display:none}}.sequencer-grid table[data-v-a9a255e4]{border-collapse:collapse;border-spacing:0;width:max-content}.sequencer-grid th[data-v-a9a255e4],.sequencer-grid td[data-v-a9a255e4]{text-align:center;box-sizing:border-box;width:var(--cell-width, 42px);min-width:var(--cell-width, 42px);max-width:var(--cell-width, 42px);height:42px}.sequencer-grid th.beat-header.left-align[data-v-a9a255e4]{text-align:left;padding-left:8px}.measure-label[data-v-a9a255e4]{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.measure-number[data-v-a9a255e4]{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .45rem;border-radius:6px;background:#50287a38;color:#ffffffe0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s ease,color .18s ease,transform .12s ease;outline:none}.measure-number[data-v-a9a255e4]:hover,.measure-number[data-v-a9a255e4]:focus-visible{background:#804ac959;color:#fff;transform:translateY(-1px)}.measure-number[data-v-a9a255e4]:active{transform:translateY(0)}.add-row-button[data-v-a9a255e4]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#091428a6;color:#ffffffd9;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;font-size:1rem;line-height:1}.add-row-icon[data-v-a9a255e4]{font-size:1rem}.add-row-text[data-v-a9a255e4]{font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.add-row-button[data-v-a9a255e4]:hover,.add-row-button[data-v-a9a255e4]:focus-visible{outline:none;background:#94b3ff40;border-color:#94b3ff8c;color:#fff;transform:translateY(-1px)}.add-row-button[data-v-a9a255e4]:active{transform:translateY(0)}.add-instrument-menu .instrument-color-dot[data-v-a9a255e4]{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.45rem;box-shadow:0 0 4px #00000059}.subdivision-grid[data-v-a9a255e4]{display:grid;gap:.12rem;align-items:center;font-size:.82rem;color:#ffffffa6}.subdivision-cell[data-v-a9a255e4]{position:relative;text-align:center;font-weight:300;opacity:.85;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,opacity .2s ease}.subdivision-cell.timeline-target[data-v-a9a255e4]{color:#fff;font-weight:700;opacity:1;text-align:left;padding-left:.45rem}.subdivision-cell.timeline-target[data-v-a9a255e4]:before{content:"";position:absolute;top:-.65rem;left:var(--timeline-line-center);transform:translate(-50%);width:var(--timeline-indicator-width);height:.9rem;background:var(--timeline-line-color);clip-path:polygon(12% 0,88% 0,50% 100%);box-shadow:0 2px 6px #00000047;pointer-events:none}.subdivision-cell.timeline-target[data-v-a9a255e4]:after{content:"";position:absolute;left:var(--timeline-line-center);transform:translate(-50%);top:-.05rem;height:calc(100% + .38rem);width:var(--beat-line-thickness, 2px);background:var(--timeline-line-color);border-radius:999px;pointer-events:none}.subdivision-cell.downbeat[data-v-a9a255e4]{font-weight:600;font-size:.78rem;opacity:.95;color:#f8f8ff;letter-spacing:.08em;text-align:left;padding-left:.4rem}.subdivision-cell.timeline-target.downbeat[data-v-a9a255e4]{padding-left:calc(var(--timeline-indicator-offset) + .55rem)}.subdivision-cell.downbeat[data-v-a9a255e4]:not(.timeline-target):before{content:"";position:absolute;left:0;top:38%;bottom:10%;width:1px;background:#ffffff73}.subdivision-cell.first-downbeat[data-v-a9a255e4]:not(.timeline-target):before,.subdivision-cell.measure-first-beat[data-v-a9a255e4]:not(.timeline-target):before{display:none}.sequencer-grid th.beat-header[data-v-a9a255e4]{background:#ffffff0d;color:#be33ff;font-weight:300;font-size:.8em;border:none;letter-spacing:.1em;text-align:left;padding-left:5px;position:relative}.sequencer-grid th.beat-header[data-v-a9a255e4]:before{content:"";position:absolute;left:-1px;top:0;bottom:-12px;border-left:2px dotted rgba(255,255,255,.75);pointer-events:none}.sequencer-grid th.beat-header[data-v-a9a255e4]:first-child:before{left:-2px;border-left-style:solid;border-left-color:#fffffff2}.sequencer-grid tr[data-v-a9a255e4]{transition:background .1s;height:40px}.grid-row.row-drag-over[data-v-a9a255e4],.mic-full-row.row-drag-over[data-v-a9a255e4]{outline:2px dashed rgba(148,179,255,.65);outline-offset:-2px}.grid-row.row-dragging[data-v-a9a255e4],.mic-full-row.row-dragging[data-v-a9a255e4]{opacity:.45}.sequencer-grid tbody tr[data-v-a9a255e4]:hover{background:#00000080}.sequencer-grid td[data-v-a9a255e4]{width:36px;height:36px;min-height:36px;max-height:36px;background:#23272b;cursor:pointer;transition:background .18s,box-shadow .18s,opacity .18s,border-radius .18s,border-color .18s;position:relative;border:2px solid transparent;box-shadow:0 0 0 1px #ffffff0a inset}.sequencer-grid td[data-v-a9a255e4]:not(.active):not(.current):not(.step-cell:hover){background:#ffffff06}.sequencer-grid td[data-v-a9a255e4]:not(:first-child){border-left:var(--beat-line-thickness, 2px) solid rgba(32,40,50,.35)}.sequencer-grid td.beat-less-faint[data-v-a9a255e4]:not(:first-child){border-left:var(--beat-line-thickness, 2px) solid rgba(64,74,92,.45)}.sequencer-grid td.beat-faint[data-v-a9a255e4]:not(:first-child){border-left:var(--beat-line-thickness, 2px) solid rgba(40,48,60,.4)}.sequencer-grid td.active[data-v-a9a255e4],.sequencer-grid td.current[data-v-a9a255e4],.sequencer-grid td.step-cell[data-v-a9a255e4]:hover{border-radius:8px}.sequencer-grid td.active[data-v-a9a255e4]{background:var(--row-color, #42b883);opacity:.95;box-shadow:none}.sequencer-grid td.current[data-v-a9a255e4]{border-color:#fff3;background:#ffffff0f;box-shadow:none}.step-cell.is-playing[data-v-a9a255e4]{animation:playing-pop-a9a255e4 .22s ease-out forwards;background:var(--row-color, rgba(90, 200, 255, .8));box-shadow:none;transform-origin:center;will-change:transform,box-shadow;z-index:3}.step-cell.is-playing[data-v-a9a255e4]:after{content:"";position:absolute;inset:10%;border-radius:6px;border:1px solid rgba(255,255,255,.5);opacity:.65}.sequencer-grid td.step-cell[data-v-a9a255e4]:hover{background:var(--row-color, #42b883);opacity:.4;box-shadow:none}.sequencer-grid td.timeline-paste-target[data-v-a9a255e4]{position:relative}.sequencer-grid td.timeline-paste-target[data-v-a9a255e4]:after{content:"";position:absolute;top:-6px;bottom:-6px;left:var(--timeline-line-center);transform:translate(-50%);width:var(--beat-line-thickness, 2px);background:var(--timeline-line-color);box-shadow:0 0 8px #8cbeff73;pointer-events:none;z-index:4}.sequencer-grid td.timeline-paste-target[data-v-a9a255e4]:not(.active):not(.current){background:#78c3ff1f}.sequencer-grid td.step-cell[data-v-a9a255e4]:hover{background:var(--row-color, #42b883);opacity:.4;box-shadow:0 0 8px 0 var(--row-color, #42b88333)}.step-cell.beat-strong[data-v-a9a255e4]:before{content:"";position:absolute;top:-6px;bottom:-6px;left:-1px;border-left:var(--beat-line-thickness, 2px) dotted rgba(255,255,255,.75);pointer-events:none;z-index:3}.step-cell.beat-strong[data-v-a9a255e4]:first-child:before{left:-2px}.step-cell.measure-start[data-v-a9a255e4]:before{border-left-style:solid;border-left-color:#fffffff2;border-left-width:var(--beat-line-thickness, 2px)}.sequencer-grid td.beat-less-faint[data-v-a9a255e4]{border-left:var(--beat-line-thickness, 2px) solid #888}.sequencer-grid td.beat-faint[data-v-a9a255e4]{border-left:calc(var(--beat-line-thickness, 2px) * .5) solid #333}.sequencer-root.is-mobile .sequencer-grid td.step-cell[data-v-a9a255e4]{border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px #00000059,inset 0 1px #ffffff0d}.sequencer-root.is-mobile .sequencer-grid td.step-cell[data-v-a9a255e4]:not(.active):not(.current){background-color:#080c16cc}.sequencer-root.is-mobile .sequencer-grid td.step-cell[data-v-a9a255e4]:hover{background-color:#080c16cc;box-shadow:inset 0 0 0 1px #00000059,inset 0 1px #ffffff0d;opacity:1}.sequencer-root.is-mobile .sequencer-grid td.step-cell.measure-start[data-v-a9a255e4]{border-left:2px solid rgba(255,255,255,.35)}.sequencer-root.is-mobile .sequencer-grid td.step-cell.beat-strong[data-v-a9a255e4]{border-left:1.5px solid rgba(255,255,255,.2)}.sequencer-root.is-mobile .sequencer-grid td.step-cell.active[data-v-a9a255e4],.sequencer-root.is-mobile .sequencer-grid td.step-cell.current[data-v-a9a255e4]{background:var(--row-color, #42b883);box-shadow:inset 0 0 0 1px #ffffff59,inset 0 0 12px #4aafff59;color:#040810}.sequencer-grid .row-label[data-v-a9a255e4]{font-weight:600;width:var(--row-label-width);min-width:var(--row-label-width);max-width:var(--row-label-width);cursor:pointer;border:none;border-radius:0;transition:color .2s,text-shadow .2s;font-size:.9em;letter-spacing:.04em;padding:0;height:auto;min-height:36px;box-sizing:border-box;background:transparent}.sequencer-grid td.row-label[data-v-a9a255e4]{background:#091428d1;box-shadow:6px 0 12px #04081259}.row-label-content[data-v-a9a255e4]{display:flex;flex-direction:column;gap:.05rem}.row-label.muted[data-v-a9a255e4]:not(.solo){opacity:.55}.row-label.solo[data-v-a9a255e4]{text-shadow:0 0 8px var(--row-color, #42b883)}.row-label.solo-context[data-v-a9a255e4]:not(.solo){opacity:.45}.row-label.chord-label[data-v-a9a255e4]{background-image:linear-gradient(to top,#051937,#131739,#1f1539,#2a1137,#340c34);box-shadow:inset 0 1px #ffffff14,0 4px 14px #03061266;border-radius:10px 10px 0 0}.row-inline-strip[data-v-a9a255e4]{display:block;align-items:center;justify-content:space-between;gap:.14rem;margin-top:.02rem}.row-inline-left[data-v-a9a255e4]{display:flex;align-items:center;gap:.1rem;flex:0 0 auto;min-width:0}.row-inline-controls[data-v-a9a255e4]{display:flex;align-items:center;flex:1 1 auto;gap:.1rem}.grid-row[data-v-a9a255e4]{position:relative}.melody-row[data-v-a9a255e4],.melody-row[data-v-a9a255e4]:hover{background:transparent!important;height:auto}.mic-row[data-v-a9a255e4],.mic-row[data-v-a9a255e4]:hover{background:transparent!important}.melody-row .step-cell[data-v-a9a255e4]{padding:0;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-height:var(--melody-cell-height, 220px)}.melody-row .step-cell[data-v-a9a255e4]:not(:first-child){border-left:0!important}.melody-row .step-cell.beat-strong[data-v-a9a255e4]{border-left:2px solid rgba(255,255,255,.92)!important;box-shadow:-1px 0 #ffffffeb}.melody-row .step-cell.active[data-v-a9a255e4],.melody-row .step-cell.current[data-v-a9a255e4],.melody-row .step-cell[data-v-a9a255e4]:hover{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.mic-row .step-cell[data-v-a9a255e4]{background:transparent;box-shadow:inset 0 0 0 1px #00f0be1f}.mic-row .step-cell.beat-strong[data-v-a9a255e4]:before{border-left-color:#ffffffe6}.row-toggle-group[data-v-a9a255e4]{display:inline-flex;gap:.12rem}.drum-group-header[data-v-a9a255e4],.synth-group-header[data-v-a9a255e4]{background:transparent;height:18px!important}.drum-group-label[data-v-a9a255e4],.synth-group-label[data-v-a9a255e4]{padding:.12rem .4rem}.drum-group-header td[data-v-a9a255e4],.synth-group-header td[data-v-a9a255e4]{height:18px;min-height:18px;max-height:18px;padding-top:.05rem;padding-bottom:.05rem;background:transparent}.drum-group-label.row-label[data-v-a9a255e4],.synth-group-label.row-label[data-v-a9a255e4]{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px #2a78dc0f;background-color:#2034562e}.drum-group-toggle[data-v-a9a255e4],.synth-group-toggle[data-v-a9a255e4]{width:100%;display:flex;align-items:center;gap:.4rem;border:none;background:transparent;color:#dcebffe0;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;padding:.08rem 0}.drum-group-toggle[data-v-a9a255e4]:hover,.drum-group-toggle[data-v-a9a255e4]:focus-visible,.synth-group-toggle[data-v-a9a255e4]:hover,.synth-group-toggle[data-v-a9a255e4]:focus-visible{color:#fffffff2}.drum-group-caret[data-v-a9a255e4],.synth-group-caret[data-v-a9a255e4]{width:11px;height:11px;transition:transform .2s ease}.drum-group-header.collapsed .drum-group-caret[data-v-a9a255e4],.synth-group-header.collapsed .synth-group-caret[data-v-a9a255e4]{transform:rotate(-90deg)}.drum-group-title[data-v-a9a255e4],.synth-group-title[data-v-a9a255e4]{font-weight:600;letter-spacing:.16em}.drum-group-count[data-v-a9a255e4],.synth-group-count[data-v-a9a255e4]{font-size:.55rem;color:#c8d6e38c}.drum-group-spacer[data-v-a9a255e4],.synth-group-spacer[data-v-a9a255e4]{padding:0;height:4px}.grid-row.drum-row td.row-label[data-v-a9a255e4],.grid-row.synth-row td.row-label[data-v-a9a255e4]{transition:padding .2s ease;border-top:1px solid rgba(88,134,198,.28)}.grid-row.drum-collapsed td.row-label[data-v-a9a255e4],.grid-row.synth-collapsed td.row-label[data-v-a9a255e4]{padding-top:0;padding-bottom:0;min-height:0}.grid-row.drum-collapsed .row-label-content[data-v-a9a255e4],.grid-row.synth-collapsed .row-label-content[data-v-a9a255e4]{display:none}.grid-row.drum-collapsed .row-label-collapsed[data-v-a9a255e4],.grid-row.synth-collapsed .row-label-collapsed[data-v-a9a255e4]{min-height:0}.grid-row.drum-collapsed td.step-cell[data-v-a9a255e4],.grid-row.synth-collapsed td.step-cell[data-v-a9a255e4]{padding:0;height:4px;min-height:4px;max-height:4px;line-height:0;overflow:hidden}.grid-row.drum-collapsed td[data-v-a9a255e4],.grid-row.synth-collapsed td[data-v-a9a255e4]{height:4px;min-height:4px;max-height:4px;box-shadow:none;border-top:0;border-bottom:0;padding-top:0;padding-bottom:0;line-height:0;background:transparent}.grid-row.drum-collapsed[data-v-a9a255e4],.grid-row.synth-collapsed[data-v-a9a255e4]{height:4px;line-height:0;overflow:visible}.grid-row.drum-collapsed td.step-cell[data-v-a9a255e4],.grid-row.synth-collapsed td.step-cell[data-v-a9a255e4]{overflow:visible;border-left:var(--beat-line-thickness, 2px) solid rgba(32,40,50,.35);border-right:var(--beat-line-thickness, 2px) solid rgba(32,40,50,.35)}.grid-row.synth-collapsed td[data-v-a9a255e4],.grid-row.synth-collapsed td.step-cell[data-v-a9a255e4]{min-height:10px;height:10px;max-height:10px}.grid-row.synth-collapsed[data-v-a9a255e4]{height:10px;min-height:10px}.grid-row.drum-collapsed td.active[data-v-a9a255e4],.grid-row.synth-collapsed td.active[data-v-a9a255e4]{background:var(--row-color, rgba(90, 200, 255, .8));opacity:.9}.grid-row.drum-collapsed td.step-cell.is-playing[data-v-a9a255e4],.grid-row.synth-collapsed td.step-cell.is-playing[data-v-a9a255e4]{animation:playing-pop-thin-a9a255e4 .22s ease-out forwards;box-shadow:0 0 0 1px #ffffff29,0 0 10px var(--row-color, rgba(255, 255, 255, .35));background:linear-gradient(180deg,#ffffff4d,#ffffff0d) var(--row-color, rgba(90, 200, 255, .8))}.grid-row.drum-collapsed td.current[data-v-a9a255e4],.grid-row.synth-collapsed td.current[data-v-a9a255e4]{border-color:transparent}.melody-collapsed-cell[data-v-a9a255e4]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.melody-collapsed-dot[data-v-a9a255e4]{width:5px;height:5px;border-radius:50%;box-shadow:0 0 4px #4cf0ffa6}.bass-random-toggle[data-v-a9a255e4]{margin-left:.3rem;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:22px;padding:0 .4rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0c182c66;color:#b6c6d7bf;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .2s ease}.bass-random-toggle .bass-random-label[data-v-a9a255e4]{font-weight:600;font-size:.58rem;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:color .18s ease}.bass-random-toggle[data-v-a9a255e4]:hover,.bass-random-toggle[data-v-a9a255e4]:focus-visible{border-color:#2af5b08c;color:#2af5b0f2;background:#1628468c}.bass-random-toggle.active[data-v-a9a255e4]{border-color:#2af5b0a6;background:#1628468c;color:#2af5b0;box-shadow:0 4px 12px #2af5b047}.chord-settings-menu[data-v-a9a255e4],.melody-settings-menu[data-v-a9a255e4]{min-width:220px;padding:.85rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(calc(-100% - 12px));transform-origin:top right}.chord-settings-menu.open-below[data-v-a9a255e4],.melody-settings-menu.open-below[data-v-a9a255e4]{transform:translateY(0)}.chord-settings-row[data-v-a9a255e4]{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.chord-settings-label[data-v-a9a255e4]{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#d8e2ffbf}.chord-settings-row.slider-row[data-v-a9a255e4]{align-items:stretch}.chord-settings-slider[data-v-a9a255e4]{width:100%;display:flex;align-items:center;gap:.6rem}.chord-settings-slider-input[data-v-a9a255e4]{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:var(--slider-empty-color, #3b4046);outline:none;cursor:pointer}.chord-settings-slider-input[data-v-a9a255e4]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--slider-fill-color, #48c3ff) 0%,var(--slider-fill-color, #48c3ff) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) 100%)}.chord-settings-slider-input[data-v-a9a255e4]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#48c3ff;border:2px solid rgba(12,26,46,.8);box-shadow:0 0 8px #48c3ffa6;cursor:pointer}.chord-settings-slider-input[data-v-a9a255e4]::-moz-range-track{height:4px;border-radius:999px;background:var(--slider-empty-color, #3b4046)}.chord-settings-slider-input[data-v-a9a255e4]::-moz-range-progress{height:4px;border-radius:999px;background:var(--slider-fill-color, #48c3ff)}.chord-settings-slider-input[data-v-a9a255e4]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#48c3ff;border:2px solid rgba(12,26,46,.8);box-shadow:0 0 8px #48c3ffa6;cursor:pointer}.chord-settings-value[data-v-a9a255e4]{min-width:64px;text-align:right;font-weight:600;color:#f5f8ffe6;padding-right:.2rem}.chord-settings-value small[data-v-a9a255e4]{display:inline-block;margin-left:.25rem;font-size:.62rem;font-weight:600;letter-spacing:.08em;color:#6bc2ff}.chord-transpose-controls[data-v-a9a255e4]{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%}.transpose-btn[data-v-a9a255e4]{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0d182eb3;color:#ebf1fff2;font-size:1rem;font-weight:600;cursor:pointer}.transpose-btn[data-v-a9a255e4]:disabled{opacity:.4;cursor:not-allowed}.chord-transpose-value[data-v-a9a255e4]{min-width:64px;text-align:center;font-weight:600;font-size:.95rem;color:#ffffffe6}.transpose-reset[data-v-a9a255e4]{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#f0f4ffbd;font-size:.7rem;letter-spacing:.08em;padding:.25rem .8rem;cursor:pointer}.transpose-reset[data-v-a9a255e4]:disabled{opacity:.4;cursor:not-allowed}.chord-settings-hint[data-v-a9a255e4]{margin:.6rem 0 0;font-size:.72rem;color:#d2e0f5a6}.chord-settings-divider[data-v-a9a255e4]{margin-top:.75rem}.chord-voicing-toggle[data-v-a9a255e4]{margin-top:.8rem;padding:.4rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0d182ea6;color:#ebf1ffe6;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.chord-voicing-toggle.active[data-v-a9a255e4]{background:#4696ff59;border-color:#78c8ffcc;color:#fff}.chord-settings-button[data-v-a9a255e4],.melody-settings-button[data-v-a9a255e4]{margin-left:.35rem;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0d182ea6;color:#e6f0ffe6;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.chord-settings-button[data-v-a9a255e4]:hover,.chord-settings-button[data-v-a9a255e4]:focus-visible,.melody-settings-button[data-v-a9a255e4]:hover,.melody-settings-button[data-v-a9a255e4]:focus-visible{background:#4696ff40;border-color:#78c8ffb3;color:#fff;transform:translateY(-1px)}.share-modal-backdrop[data-v-a9a255e4]{position:fixed;inset:0;background:#02060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:400;padding:1.5rem}.share-modal[data-v-a9a255e4]{width:min(640px,100%);background:linear-gradient(180deg,#081020f2,#050a14fa);border:1px solid rgba(120,200,255,.18);border-radius:18px;padding:clamp(1.2rem,4vw,1.8rem);box-shadow:0 30px 60px #020810a6;display:flex;flex-direction:column;gap:1rem}.share-modal-header h3[data-v-a9a255e4]{margin:0;font-size:1.45rem;letter-spacing:.04em}.share-modal-header p[data-v-a9a255e4]{margin:.3rem 0 0;color:#eef4ffad;font-size:.9rem}.share-link-row[data-v-a9a255e4]{display:flex;gap:.6rem;align-items:center}.share-link-input[data-v-a9a255e4]{flex:1 1 auto;padding:.55rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#08101ecc;color:#f2f6ff;font-size:.85rem}.share-downloads[data-v-a9a255e4]{display:none}.share-progress[data-v-a9a255e4]{font-size:.82rem;color:#c6e5ffd9}.share-error[data-v-a9a255e4]{font-size:.82rem;color:#ff7f96}.row-toggle[data-v-a9a255e4]{width:1.05rem;height:1rem;border-radius:.28rem;border:1px solid rgba(255,255,255,.02);background:#ffffff0f;color:#ffffffa6;font-size:.56rem;font-weight:600;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.row-toggle[data-v-a9a255e4]:hover{border-color:#ffffff52}.row-toggle[data-v-a9a255e4]:focus-visible{outline:2px solid rgba(150,212,255,.55);outline-offset:1px}.row-toggle.active[data-v-a9a255e4]{color:#041014;box-shadow:0 0 2px #00000040 inset,0 0 2px #ffffff38;border-color:#ffffff14;background:#ffffff2e}.row-toggle-m.active[data-v-a9a255e4]{background:linear-gradient(135deg,#1f97c4,#27c6bf)}.row-toggle-s.active[data-v-a9a255e4]{background:linear-gradient(135deg,#f8c44f,#ff895b)}.row-volume-wrap[data-v-a9a255e4]{flex:1 1 auto;display:flex;align-items:center}.pan-knob[data-v-a9a255e4]{position:relative;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#7f8287,#595b60);border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 2px 3px #0000004d;flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer}.pan-knob.centered[data-v-a9a255e4]{box-shadow:inset 0 1px 3px #ffffff1a,0 1px 2px #00000059}.pan-slider[data-v-a9a255e4]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;z-index:2}.pan-knob[data-v-a9a255e4]:hover{background:linear-gradient(180deg,#8a8d92,#62646a)}.pan-knob-pointer[data-v-a9a255e4]{position:absolute;top:12%;left:calc(50% - 1px);width:2px;height:40%;border-radius:2px;background:#e5e6ea;box-shadow:0 0 2px #00000059;transform-origin:center 85%;transform:rotate(var(--pan-rotate, 0deg));pointer-events:none}.row-label-top[data-v-a9a255e4]{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.row-volume-value[data-v-a9a255e4]{font-size:.7rem;font-weight:500;opacity:.78;text-align:right;min-width:2.4rem}.row-volume-slider[data-v-a9a255e4]{width:100%;cursor:pointer;height:2px;margin:0;background:transparent;accent-color:var(--slider-fill-color, #a0a0a0)}.row-volume-slider[data-v-a9a255e4]:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff2e;border-radius:999px}.row-volume-slider[data-v-a9a255e4]::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:linear-gradient(to right,var(--slider-fill-color, #5f5f5f) 0%,var(--slider-fill-color, #5f5f5f) var(--slider-value, 50%),#202328 var(--slider-value, 50%),#202328 100%)}.row-volume-slider[data-v-a9a255e4]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px;border-radius:50%;background:#b5b7bc;border:1px solid #5f6064;box-sizing:border-box;transition:transform .1s ease,background .2s ease,border-color .2s ease;cursor:pointer}.row-volume-slider[data-v-a9a255e4]:hover::-webkit-slider-thumb{transform:scale(1.05)}.row-volume-slider[data-v-a9a255e4]::-moz-range-track{height:2px;border-radius:999px;background:#202328}.row-volume-slider[data-v-a9a255e4]::-moz-range-progress{height:2px;border-radius:999px;background:var(--slider-fill-color, #5f5f5f)}.row-volume-slider[data-v-a9a255e4]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#b5b7bc;border:1px solid #5f6064;box-sizing:border-box;cursor:pointer}.sequencer-grid .row-label[data-v-a9a255e4]:hover{text-shadow:0 0 8px var(--row-color, #42b883)}.fade-out[data-v-a9a255e4]{animation:fadeOutCell-a9a255e4 .3s}@keyframes fadeOutCell-a9a255e4{0%{opacity:1}to{opacity:.3}}.fade-in[data-v-a9a255e4]{animation:fadeInCell-a9a255e4 .1s forwards}@keyframes fadeInCell-a9a255e4{0%{opacity:.3}to{opacity:1}}.controls-tight[data-v-a9a255e4]{flex-direction:row;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:0rem;padding:0rem;min-height:0;height:80px;max-height:120px}.play-toggle-large.play-outline[data-v-a9a255e4]{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;padding:0}.bpm-slider-wrap.bpm-slider-tight[data-v-a9a255e4]{flex-direction:row;align-items:center;margin-left:1.2rem;margin-top:0;gap:.7rem}.bpm-slider-tight[data-v-a9a255e4]{display:flex;flex-direction:row;align-items:center;margin-left:1.2rem;margin-top:0;gap:.7rem}.bpm-label[data-v-a9a255e4]{color:#fff;font-weight:600;font-size:12pt;margin-right:.1em}.bpm-value[data-v-a9a255e4]{font-weight:600;margin-left:.2em;color:#fff;display:inline-block;width:38px;text-align:right}.bpm-slider.bpm-slider-white[data-v-a9a255e4]{width:120px;margin:0;accent-color:#fff;background:var(--slider-empty-color, #4b4f55);height:4px;border-radius:2px;outline:none;box-shadow:none;display:flex;align-items:center;position:relative;--slider-fill-color: #fff;--slider-empty-color: #4b4f55;cursor:pointer}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-webkit-slider-thumb{background:#181a1b;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #fff8,0 0 0 2px #23272b;margin-top:-9px;position:relative;z-index:2;transition:box-shadow .15s;cursor:pointer}.bpm-slider.bpm-slider-white[data-v-a9a255e4]:focus::-webkit-slider-thumb,.bpm-slider.bpm-slider-white[data-v-a9a255e4]:hover::-webkit-slider-thumb{box-shadow:0 2px 12px #fff,0 0 0 2px #23272b}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--slider-fill-color, #fff) 0%,var(--slider-fill-color, #fff) var(--slider-value, 50%),var(--slider-empty-color, #4b4f55) var(--slider-value, 50%),var(--slider-empty-color, #4b4f55) 100%);height:4px;border-radius:2px;position:relative;z-index:1}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-ms-fill-lower{background:var(--slider-fill-color, #fff)}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-ms-fill-upper{background:var(--slider-empty-color, #4b4f55)}.bpm-slider.bpm-slider-white[data-v-a9a255e4]:focus{outline:none}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-moz-range-thumb{background:#181a1b;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #fff8,0 0 0 2px #23272b;position:relative;z-index:2;transition:box-shadow .15s;cursor:pointer}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-moz-range-track{height:4px;border-radius:2px;background:var(--slider-empty-color, #4b4f55)}.bpm-slider.bpm-slider-white[data-v-a9a255e4]::-moz-range-progress{height:4px;border-radius:2px;background:var(--slider-fill-color, #fff)}.bpm-slider.bpm-slider-white[data-v-a9a255e4]:focus::-moz-range-thumb,.bpm-slider.bpm-slider-white[data-v-a9a255e4]:hover::-moz-range-thumb{box-shadow:0 2px 12px #fff,0 0 0 2px #23272b}.swing-dropdown[data-v-a9a255e4]{background:#0000;color:#fff;border:0px solid #444;border-radius:6px;font-size:.95em;padding:4px 8px;outline:none;min-width:70px;cursor:pointer}.swing-dropdown[data-v-a9a255e4]:focus{border:1.5px solid #1db954}.sample-dropdown[data-v-a9a255e4]{background:#23272b;color:#fff;border:1px solid #444;border-radius:6px;font-size:.95em;padding:2px 8px;margin-left:.2em;outline:none;min-width:70px;transition:border .15s}.sample-dropdown[data-v-a9a255e4]:focus{border:1.5px solid #1db954}.dropdown-btn[data-v-a9a255e4]{background:none;border:none;color:inherit;font:inherit;font-weight:600;font-size:1em;display:flex;align-items:center;cursor:pointer;padding:0;border-radius:4px;transition:background .15s}.dropdown-btn[data-v-a9a255e4]:focus,.dropdown-btn[data-v-a9a255e4]:hover{background:#23272b44}.custom-dropdown[data-v-a9a255e4]{position:absolute;left:0;top:110%;min-width:90px;background:#23272b;border:1.5px solid #444;border-radius:8px;box-shadow:0 4px 16px #0008;z-index:9999;padding:4px 0;margin-top:2px}.dropdown-option[data-v-a9a255e4]{padding:6px 16px 6px 12px;color:#fff;cursor:pointer;font-size:.98em;transition:background .13s,color .13s}.dropdown-header[data-v-a9a255e4]{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#adc4ffa8;padding:6px 16px 4px;pointer-events:none}.dropdown-option.danger[data-v-a9a255e4]{color:#ff6b6b}.dropdown-option.danger[data-v-a9a255e4]:hover{background:#ff6b6b26;color:#ff8d8d}.dropdown-option.selected[data-v-a9a255e4]{background:#1db95433;color:#1db954;font-weight:600}.dropdown-option[data-v-a9a255e4]:hover{background:#1db95422;color:#1db954}.sample-dropdown[data-v-a9a255e4]{display:none}.collapsed[data-v-a9a255e4]{overflow:hidden}.collapse-toggle[data-v-a9a255e4]{background:none;border:none;color:#fff;font-weight:600;cursor:pointer;margin-bottom:.5rem}.sequencer-summary[data-v-a9a255e4]{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.confirm-backdrop[data-v-a9a255e4]{position:fixed;inset:0;background:#0c0f12b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.confirm-dialog[data-v-a9a255e4]{background:#1b1f24;border:1px solid #343b43;border-radius:12px;padding:24px 28px;max-width:360px;width:100%;box-shadow:0 24px 48px #00000073;position:relative}.confirm-title[data-v-a9a255e4]{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#fff}.confirm-message[data-v-a9a255e4]{margin:0 0 1.5rem;color:#e0e6f0;line-height:1.4}.confirm-highlight[data-v-a9a255e4]{color:#1db954;font-weight:600}.confirm-actions[data-v-a9a255e4]{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.confirm-button[data-v-a9a255e4]{background:transparent;border:1px solid #3f4854;color:#dee5f1;padding:.5rem 1rem;border-radius:999px;font-size:.95rem;cursor:pointer;transition:background .15s,border .15s,color .15s}.confirm-button[data-v-a9a255e4]:hover,.confirm-button[data-v-a9a255e4]:focus-visible{background:#2a313a;border-color:#4f5a68;color:#fff}.confirm-button.primary[data-v-a9a255e4]{background:linear-gradient(135deg,#3a7bff,#58c4ff);border-color:#4a95ffa6;color:#041326;font-weight:600}.confirm-button.primary[data-v-a9a255e4]:hover,.confirm-button.primary[data-v-a9a255e4]:focus-visible{background:linear-gradient(135deg,#4b8dff,#6cd4ff);border-color:#76b4ffd9}.confirm-close[data-v-a9a255e4]{position:absolute;top:.6rem;right:.6rem;border:none;background:transparent;color:#d7e2ffbf;font-size:1.3rem;line-height:1;cursor:pointer}.confirm-close[data-v-a9a255e4]:hover,.confirm-close[data-v-a9a255e4]:focus-visible{color:#fff}.confirm-button.danger[data-v-a9a255e4]{border-color:#ff6b6b;color:#ff8282}.confirm-button.danger[data-v-a9a255e4]:hover,.confirm-button.danger[data-v-a9a255e4]:focus-visible{background:#ff6b6b26;border-color:#ff8d8d;color:#ff9f9f}.collapsed-summary[data-v-a9a255e4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90px;background:#23272b;border-radius:10px;padding:.5rem}.summary-header[data-v-a9a255e4]{font-weight:700;font-size:1rem;margin-bottom:.3rem}.summary-grid[data-v-a9a255e4]{display:flex;gap:2px;justify-content:center;align-items:flex-end;height:40px}.summary-steps[data-v-a9a255e4]{display:flex;gap:0;margin-left:var(--row-label-width)}.summary-col[data-v-a9a255e4]{display:flex;flex-direction:column;align-items:center;width:36px}.summary-dot[data-v-a9a255e4]{width:6px;height:6px;border-radius:50%;margin-bottom:0}.summary-col.current[data-v-a9a255e4]{box-shadow:0 0 6px #fff inset,0 0 8px #fff;border-radius:2px}.summary-content[data-v-a9a255e4]{display:flex;flex-direction:row}.summary-row-labels[data-v-a9a255e4]{display:flex;flex-direction:column;justify-content:space-between;margin-right:4px}.summary-row-label[data-v-a9a255e4]{width:var(--row-label-width);height:6px;font-size:6px;line-height:6px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sequencer-root.collapsed .sequencer-grid td.step-cell[data-v-a9a255e4]{width:36px;height:8px;min-height:8px;max-height:8px;box-shadow:none;border:none;padding:0}.sequencer-root.collapsed .sequencer-grid tr[data-v-a9a255e4]{height:8px}.sequencer-root.collapsed .sequencer-grid .row-label[data-v-a9a255e4]{font-size:6px;line-height:8px;height:8px;padding:0;text-align:right}.sequencer-root.collapsed .sequencer-grid th.beat-header[data-v-a9a255e4]{font-size:6px;height:5px;padding:2px}.sequencer-grid td .dropdown-btn.small[data-v-a9a255e4]{font-size:.65em;line-height:1;color:#000;padding:0 0 0 2px}.step-cell[data-v-a9a255e4]{position:relative}.nochord[data-v-a9a255e4]{color:#bbb}.sequencer-grid th.beat-header[data-v-a9a255e4]{position:relative}.sequencer-grid th.beat-header.measure-boundary[data-v-a9a255e4]:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#be33ff;pointer-events:none}.sequencer-grid th.row-label[data-v-a9a255e4],.sequencer-grid td.row-label[data-v-a9a255e4]{position:sticky;position:-webkit-sticky;left:0;width:var(--row-label-width);min-width:var(--row-label-width);max-width:var(--row-label-width);background:linear-gradient(90deg,#091428b8,#09142800);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.12rem .45rem .16rem;box-sizing:border-box}.sequencer-grid th.row-label[data-v-a9a255e4]{top:auto;z-index:14}.sequencer-grid td.row-label[data-v-a9a255e4]{z-index:11;top:auto}.sequencer-grid thead th[data-v-a9a255e4]{position:static;top:auto;z-index:1;background:#050c16e6}.sequencer-grid thead th.row-label[data-v-a9a255e4]{position:sticky;left:0;z-index:16}.sequencer-grid thead th.row-label[data-v-a9a255e4],.sequencer-grid thead th[data-v-a9a255e4]:first-child{z-index:15}.slider-group[data-v-a9a255e4]{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.slider-group label[data-v-a9a255e4]{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;padding-left:20px}.controls-primary[data-v-a9a255e4]{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.5rem,1.4vw,1.1rem)}.loop-actions[data-v-a9a255e4]{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.5rem}.loop-actions .loop-dropdown[data-v-a9a255e4],.loop-actions .loop-save[data-v-a9a255e4],.loop-actions .loop-new[data-v-a9a255e4],.loop-actions .loop-export[data-v-a9a255e4]{flex:0 0 auto}.loop-actions .share-clip[data-v-a9a255e4]{background:linear-gradient(120deg,#59f6fffa,#8c78fffa);color:#f6fbff;border:none;box-shadow:0 10px 24px #4dcaff66}.loop-actions .share-clip[data-v-a9a255e4]:disabled{opacity:.6;cursor:not-allowed;color:#fafcffb3}.loop-actions .loop-new[data-v-a9a255e4]{margin-left:auto}.controls-settings[data-v-a9a255e4]{display:inline-flex;align-items:center;flex-wrap:wrap;gap:clamp(.5rem,1.4vw,1.1rem)}.primary-play-group[data-v-a9a255e4]{display:inline-flex;align-items:center;gap:clamp(.4rem,1vw,.75rem)}.settings-toggle[data-v-a9a255e4]{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .75rem .28rem .6rem;border-radius:999px;background:#101c34eb;border:none!important;color:#eef4fff2;box-shadow:0 10px 24px #06101e73;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;margin:0rem}.settings-toggle[data-v-a9a255e4]:hover,.settings-toggle[data-v-a9a255e4]:focus-visible,.settings-toggle.active[data-v-a9a255e4]{background:#263e68f2;transform:translateY(-1px);box-shadow:0 14px 28px #06101e8c}.settings-toggle svg[data-v-a9a255e4]{width:18px;height:18px;flex-shrink:0}.settings-toggle .settings-label[data-v-a9a255e4]{margin-left:.12rem;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:inherit;opacity:.9}@media (min-width: 769px){.settings-toggle[data-v-a9a255e4]{display:none}}.state-btn.has-caret[data-v-a9a255e4]{padding-right:.75rem}.state-btn .dropdown-caret[data-v-a9a255e4]{pointer-events:none;transition:transform .2s ease}.state-btn.has-caret:hover .dropdown-caret[data-v-a9a255e4]{transform:translateY(1px)}.loop-name[data-v-a9a255e4]{flex:0 0 auto}.loop-actions[data-v-a9a255e4]{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.5rem;flex:0 0 auto}.autosaved-label[data-v-a9a255e4]{font-size:.68rem;font-weight:600;letter-spacing:.12em;color:#f3f3f38c;text-transform:uppercase}.saved-menu-trigger[data-v-a9a255e4]{position:relative;display:inline-flex}.state-btn[data-v-a9a255e4]{border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#00000040;color:#f3f3f3;padding:.3rem .75rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:.35rem}.state-btn.icon-only[data-v-a9a255e4]{padding:.3rem;width:2rem;height:2rem;justify-content:center;gap:0;border:none;background:#00000073}.state-btn.icon-only .download-icon[data-v-a9a255e4]{width:1.15rem;height:1.15rem}.state-btn.icon-only .share-icon[data-v-a9a255e4]{width:.9rem;height:.9rem}.state-btn[data-tooltip][data-v-a9a255e4]{position:relative}.state-btn[data-tooltip][data-v-a9a255e4]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#050c18eb;color:#f0f5fff2;font-size:.65rem;letter-spacing:.08em;padding:.25rem .5rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 6px 18px #00000073;text-transform:none}.state-btn[data-tooltip][data-v-a9a255e4]:hover:after,.state-btn[data-tooltip][data-v-a9a255e4]:focus-visible:after{opacity:1}.state-btn[data-v-a9a255e4]:hover:not(:disabled){background:#ffffff26}.state-btn.primary[data-v-a9a255e4]{background:linear-gradient(135deg,#1db954,#42a5f5);border-color:#ffffff59;color:#041014;font-weight:600}.state-btn.primary[data-v-a9a255e4]:hover:not(:disabled){background:linear-gradient(135deg,#2fe070,#6ab2ff)}.state-btn[data-v-a9a255e4]:disabled{opacity:.4;cursor:not-allowed}.reset-icon[data-v-a9a255e4]{pointer-events:none}.state-btn.warning[data-v-a9a255e4]{background:transparent;border:none;color:#ffd056f2;font-weight:700}.state-btn.warning[data-v-a9a255e4]:hover:not(:disabled){background:#ffd0561f}.saved-menu .dropdown-option[data-v-a9a255e4]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.saved-menu-actions[data-v-a9a255e4]{display:flex;flex-direction:column;gap:4px;padding-bottom:6px}.saved-menu .dropdown-option.empty[data-v-a9a255e4]{opacity:.65;justify-content:center}.saved-menu .dropdown-divider[data-v-a9a255e4]{height:1px;margin:4px 0;background:#ffffff1f}.saved-menu .rename-option[data-v-a9a255e4],.saved-menu .copy-option[data-v-a9a255e4]{justify-content:flex-start;font-size:.72rem;letter-spacing:.05em;text-transform:none;color:#f3f6ffeb}.saved-menu .rename-option[data-v-a9a255e4]:hover,.saved-menu .copy-option[data-v-a9a255e4]:hover{background:#94b3ff2e;color:#fff}.saved-menu .saved-name[data-v-a9a255e4]{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-menu .delete-saved[data-v-a9a255e4]{border:none;background:transparent;color:#fff6;font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:color .2s ease,transform .2s ease,opacity .2s ease}.saved-menu .saved-option:hover .delete-saved[data-v-a9a255e4],.saved-menu .delete-saved[data-v-a9a255e4]:focus{color:#f88;transform:scale(1.1);opacity:1;outline:none}.export-menu .dropdown-option.disabled[data-v-a9a255e4]{opacity:.55;pointer-events:none}.meter-group[data-v-a9a255e4]{margin-left:.5rem}.measure-actions[data-v-a9a255e4]{display:flex;gap:.2rem;margin-left:.25rem}.measure-btn[data-v-a9a255e4]{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0003;color:#ffffffbf;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.measure-btn svg[data-v-a9a255e4]{width:.85rem;height:.85rem}.measure-btn[data-v-a9a255e4]:hover{background:#ffffff29;border-color:#ffffff59;color:#fffffff2}.measure-btn.danger[data-v-a9a255e4]{border-color:#ff638452;background:#ff63841f;color:#ffb4bcd9}.measure-btn.danger[data-v-a9a255e4]:hover{background:#ff63843d;border-color:#ff638499;color:#ffe5e8}.meter-group label[data-v-a9a255e4]{padding-left:0}.meter-custom-inline[data-v-a9a255e4]{display:flex;align-items:center;gap:.2rem}.meter-select[data-v-a9a255e4]{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.25rem .5rem;font-size:.82rem}.meter-select[data-v-a9a255e4]:focus{outline:none;border-color:#ffffff73}.meter-display[data-v-a9a255e4]{background:#ffffff14;border-radius:6px;padding:.2rem .5rem;font-weight:600;letter-spacing:.05em}.meter-custom[data-v-a9a255e4]{display:flex;align-items:center;gap:.2rem}.meter-custom-input[data-v-a9a255e4]{width:3.2rem;padding:.25rem .4rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#fff;font-size:.8rem}.meter-custom-input[data-v-a9a255e4]:focus{outline:none;border-color:#ffffff73}.meter-suffix[data-v-a9a255e4]{font-weight:600;opacity:.7}.bpm-slider[data-v-a9a255e4],.swing-slider[data-v-a9a255e4]{width:150px;height:8px;margin:0;accent-color:#1db954;background:var(--slider-empty-color, #3b4046);border-radius:999px;-webkit-appearance:none;appearance:none;cursor:pointer}.bpm-slider[data-v-a9a255e4]::-webkit-slider-thumb,.swing-slider[data-v-a9a255e4]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border-radius:50%;border:2px solid #fff;background:#040b16;box-shadow:0 4px 12px #00000059;-webkit-appearance:none;cursor:pointer}.bpm-slider[data-v-a9a255e4]::-webkit-slider-runnable-track,.swing-slider[data-v-a9a255e4]::-webkit-slider-runnable-track{height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,var(--slider-fill-color, #1db954) 0%,var(--slider-fill-color, #1db954) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) 100%)}.bpm-slider[data-v-a9a255e4]::-moz-range-track,.swing-slider[data-v-a9a255e4]::-moz-range-track{height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:var(--slider-empty-color, #3b4046)}.bpm-slider[data-v-a9a255e4]::-moz-range-progress,.swing-slider[data-v-a9a255e4]::-moz-range-progress{height:8px;border-radius:999px;background:var(--slider-fill-color, #1db954)}.bpm-slider[data-v-a9a255e4]::-moz-range-thumb,.swing-slider[data-v-a9a255e4]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#040b16;box-shadow:0 4px 12px #00000059;cursor:pointer}.bpm-slider[data-v-a9a255e4]:focus-visible,.swing-slider[data-v-a9a255e4]:focus-visible{outline:none;box-shadow:0 0 0 3px #26d07c59}@media (max-width: 768px){.bpm-slider[data-v-a9a255e4],.swing-slider[data-v-a9a255e4]{width:min(220px,70vw);height:10px}.bpm-slider[data-v-a9a255e4]::-webkit-slider-thumb,.swing-slider[data-v-a9a255e4]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.bpm-slider[data-v-a9a255e4]::-moz-range-thumb,.swing-slider[data-v-a9a255e4]::-moz-range-thumb{width:26px;height:26px}}.swing-type[data-v-a9a255e4]{padding:2px 4px;background:#0000;border:0px solid #555;border-radius:4px;border:1px solid rgba(0,0,0,0);font-size:.8rem;color:#fff}.swing-type[data-v-a9a255e4]:hover{border:1px solid #fff}.play-toggle[data-v-a9a255e4]{background:none;border:none;padding:0;margin-right:1rem;width:48px;height:48px}.add-measures[data-v-a9a255e4]{border:1px solid rgba(255,255,255,.25);border-radius:999px;background:linear-gradient(135deg,#1db954,#42a5f5);color:#041014;padding:.3rem .85rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:.35rem;height:42px}.add-measures[data-v-a9a255e4]:hover{background:linear-gradient(135deg,#2fe070,#6ab2ff)}.play-jazz[data-v-aeb39cd5]{margin:2.2rem auto 3.5rem;max-width:960px;width:min(92vw,960px);color:#f4f7fff2;display:flex;flex-direction:column;gap:1.6rem;--jazz-blue: #6fb3ff;--jazz-blue-strong: #4a8dff}.play-jazz-header[data-v-aeb39cd5]{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:nowrap}.play-jazz-heading h2[data-v-aeb39cd5]{margin:0;font-size:clamp(1.72rem,3vw,2rem);letter-spacing:0em;text-transform:none;color:#f5f8ff}.play-jazz-heading p[data-v-aeb39cd5]{margin:0;color:#f5f8ffc7;font-size:.85rem;letter-spacing:.02em}.play-jazz-combo[data-v-aeb39cd5]{display:flex;flex-direction:column;gap:.4rem;min-width:0;max-width:none;width:100%;position:relative}.play-jazz-combo label[data-v-aeb39cd5]{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jazz-blue);padding-left:.75rem}.play-jazz-combo label[data-v-aeb39cd5],.combo-tags-label[data-v-aeb39cd5],.slider-group label[data-v-aeb39cd5],.play-jazz-beat label[data-v-aeb39cd5],.play-jazz-mixer-title[data-v-aeb39cd5],.play-jazz-changes-toggle label[data-v-aeb39cd5],.play-jazz-key label[data-v-aeb39cd5],.play-jazz-meter label[data-v-aeb39cd5],.play-jazz-wakelock label[data-v-aeb39cd5],.play-jazz-transpose label[data-v-aeb39cd5],.bass-label[data-v-aeb39cd5]{text-shadow:0 1px 2px rgba(6,14,26,.55)}.combo-tags[data-v-aeb39cd5]{display:flex;gap:.5rem;flex-wrap:wrap;padding-left:.6rem;align-items:center}.combo-tags-label[data-v-aeb39cd5]{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#6fb3ffb3}.combo-tag[data-v-aeb39cd5]{border:none;background:#080d18eb;color:#6fb3fff2;border-radius:999px;padding:.25rem .7rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.combo-tag-icon[data-v-aeb39cd5]{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center}.combo-tag-icon svg[data-v-aeb39cd5]{width:100%;height:100%;stroke:currentColor;fill:transparent;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.combo-tag.active .combo-tag-icon svg[data-v-aeb39cd5]{fill:currentColor}.combo-tag.active[data-v-aeb39cd5]{color:#6fb3ff;box-shadow:none;background:#121a2ceb}.beat-tags .combo-tag[data-v-aeb39cd5]{border:none;color:#30e2d0f2}.beat-tags .combo-tag.active[data-v-aeb39cd5]{color:#30e2d0;box-shadow:none;background:#0a1a1aeb}.beat-tags .combo-caret[data-v-aeb39cd5]{color:#30e2d0d9}.combo-caret[data-v-aeb39cd5]{opacity:.7}.combo-field[data-v-aeb39cd5]{position:relative}.combo-field input[data-v-aeb39cd5]{background:#080d18eb;border:1px solid rgba(111,179,255,.9);border-radius:999px;box-shadow:none;padding:.65rem .75rem;color:#f2f6ff;font-size:.95rem;width:100%;background-clip:padding-box;background-origin:padding-box}#jazz-combo[data-v-aeb39cd5]{border-color:#bed6ff2e;background:linear-gradient(135deg,#060b16f0,#091122e6);box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 24px #020a1857,0 0 16px #4fc4ff2e;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease}#jazz-combo[data-v-aeb39cd5]::placeholder{color:#e9f2ff70}#jazz-combo[data-v-aeb39cd5]:hover{border-color:#bed6ff4d;box-shadow:inset 0 0 0 1px #ffffff12,0 10px 26px #020a1861,0 0 18px #4fc4ff3d}#jazz-combo[data-v-aeb39cd5]:focus-visible{outline:none;border-color:#47e6d5b8;box-shadow:inset 0 0 0 1px #47e6d53d,0 12px 30px #020c1c6b,0 0 22px #47e6d557}.combo-button[data-v-aeb39cd5]{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;background:#080d18eb;border:1px solid rgba(111,179,255,.9);border-radius:999px;padding:.65rem .75rem;color:#f2f6ff;font-size:.95rem;cursor:pointer;background-clip:padding-box;background-origin:padding-box;text-align:left}.combo-button[data-v-aeb39cd5]:focus-visible{outline:2px solid rgba(120,180,255,.45);outline-offset:2px}.combo-selected[data-v-aeb39cd5]{flex:1 1 auto;text-align:left}.combo-field--beat .combo-button[data-v-aeb39cd5]{border-color:#30e2d0fa}.combo-field--beat .combo-caret[data-v-aeb39cd5]{color:#30e2d0e6}.combo-hint[data-v-aeb39cd5]{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#78a0e6bf;pointer-events:none}.combo-list[data-v-aeb39cd5]{position:absolute;top:100%;left:0;right:0;max-height:360px;overflow-y:scroll;scrollbar-gutter:stable;border-radius:14px;border:1px solid rgba(106,150,255,.25);background:#060a14eb;box-shadow:0 16px 32px #04081459;padding:.4rem;display:grid;gap:.3rem;z-index:600}.combo-list.beat-list[data-v-aeb39cd5]{width:min(150%,calc(100vw - 2rem));left:auto;right:0}.beat-list .combo-meta[data-v-aeb39cd5]{white-space:nowrap;text-align:right;min-width:6.5rem}.combo-count[data-v-aeb39cd5]{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#96afeb99;padding:.3rem .6rem .1rem}.combo-empty[data-v-aeb39cd5]{font-size:.8rem;color:#c8d7f5b3;padding:.65rem .7rem;text-align:left}.beat-list[data-v-aeb39cd5]{border-color:#30e2d047}.beat-list .combo-count[data-v-aeb39cd5]{color:#a0f0e699}.beat-list .combo-option[data-v-aeb39cd5]:hover{border-color:#30e2d080;background:#0c2222cc}.beat-list .combo-meta[data-v-aeb39cd5]{color:#8cbeffbf}.combo-option[data-v-aeb39cd5]{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;border:1px solid transparent;background:#080e1a99;border-radius:12px;padding:.55rem .75rem;color:#f4f8ff;font-size:.9rem;text-align:left;cursor:pointer}.combo-option--playlist[data-v-aeb39cd5]{background:#0c1424c7;border-color:#6fb3ff33}.combo-option--playlist .combo-title[data-v-aeb39cd5]{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.combo-option-side[data-v-aeb39cd5]{display:inline-flex;align-items:center;gap:.35rem}.combo-option-chevron[data-v-aeb39cd5]{color:#aac8ffc7}.combo-breadcrumb[data-v-aeb39cd5]{border:1px solid rgba(111,179,255,.3);background:#0c1424bf;color:#d6e8ffe6;border-radius:10px;padding:.38rem .52rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.28rem;width:fit-content;cursor:pointer}.combo-option-wrap[data-v-aeb39cd5]{position:relative;width:100%}.beat-list .combo-option[data-v-aeb39cd5]{padding-right:2.4rem;width:100%}.beat-list .combo-option[data-v-aeb39cd5]:not(.combo-option--action){color:#78b9fff2}.beat-list .combo-option-wrap--saved .combo-option[data-v-aeb39cd5]{color:#50dcbef2}.beat-list .combo-option-wrap--saved .combo-meta[data-v-aeb39cd5]{color:#6ef0d2cc}.combo-edit[data-v-aeb39cd5]{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid rgba(120,180,255,.3);background:#0c121cb3;color:#dcebffd9;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,background .15s ease;cursor:pointer}.combo-option-wrap:hover .combo-edit[data-v-aeb39cd5],.combo-option-wrap:focus-within .combo-edit[data-v-aeb39cd5]{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1.02)}.combo-edit[data-v-aeb39cd5]:hover{background:#182640d9}.combo-option[data-v-aeb39cd5]:hover{border-color:#78a0ff66;background:#121e3acc}.combo-option.selected[data-v-aeb39cd5]{border-color:#8cb9ffa6;background:linear-gradient(135deg,#3c6edccc,#1c4096cc)}.combo-title[data-v-aeb39cd5]{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.combo-meta[data-v-aeb39cd5]{font-size:.75rem;color:#c8d7f5b3}.combo-chip[data-v-aeb39cd5]{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .35rem;border-radius:999px;background:#6e96dc40;color:#bed7ffe6}.beat-list .combo-option.selected[data-v-aeb39cd5],.beat-list .combo-option.selected .combo-title[data-v-aeb39cd5],.beat-list .combo-option.selected .combo-meta[data-v-aeb39cd5],.beat-list .combo-option.selected .combo-chip[data-v-aeb39cd5]{color:#fff}.combo-option.selected .combo-meta[data-v-aeb39cd5]{color:#e6f0ffd9}.combo-option--action[data-v-aeb39cd5]{border-style:dashed;border-color:#30e2d099;background:linear-gradient(135deg,#0e6e688c,#0a2c30cc);justify-content:center;text-align:center}.combo-option--action .combo-meta[data-v-aeb39cd5]{display:none}.combo-option--action .combo-title[data-v-aeb39cd5]{width:100%;text-align:center}.play-jazz-toolbar[data-v-aeb39cd5]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:30px;background:#060c18cc;border:1px solid rgba(48,226,208,.18);box-shadow:0 10px 20px #060c1c59,inset 0 1px #ffffff0f;overflow:visible;position:relative;z-index:520;scrollbar-width:thin}.play-jazz-toolbar[data-v-aeb39cd5]>*{flex:0 0 auto}.play-jazz-toolbar.mixer-open[data-v-aeb39cd5]{padding-bottom:.5rem}.play-jazz-mixer--inline[data-v-aeb39cd5]{flex:1 0 100%;width:calc(100% - .4rem);margin:.04rem .2rem 0;order:4}.play-jazz-settings-toggle[data-v-aeb39cd5]{display:none;border:1px solid rgba(48,226,208,.45);background:#080d18f2;color:#30e2d0e6;border-radius:999px;padding:.35rem .85rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.45rem;transition:background .2s ease,border-color .2s ease,transform .15s ease}.play-jazz-settings-toggle.active[data-v-aeb39cd5]{background:linear-gradient(135deg,#30e2d0e6,#10babeeb);border-color:#30e2d0d9;color:#07131f}.settings-icon[data-v-aeb39cd5]{display:block}.play-jazz-toolbar-controls[data-v-aeb39cd5]{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1rem;flex:1 1 auto}.play-jazz-toolbar-sliders[data-v-aeb39cd5]{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.8rem;order:1}.play-jazz-mixer-toggle[data-v-aeb39cd5]{border:1px solid rgba(48,226,208,.42);background:#080d18eb;color:#30e2d0e6;border-radius:999px;padding:.24rem .64rem;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;display:inline-flex;align-items:center;gap:.34rem;order:2}.play-jazz-mixer-toggle.active[data-v-aeb39cd5]{background:linear-gradient(135deg,#30e2d0e6,#10babeeb);border-color:#30e2d0d9;color:#081628}.mixer-toggle-icon[data-v-aeb39cd5]{display:block}.play-jazz-toolbar-meta[data-v-aeb39cd5]{margin-left:auto;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.8rem;order:3}.play-jazz-toolbar[data-v-aeb39cd5]::-webkit-scrollbar{height:0}.play-jazz-mixer[data-v-aeb39cd5]{display:grid;--mixer-selector-width: 250px;gap:.3rem;padding:.38rem .48rem;border-radius:16px;background:#060c18bf;border:none;box-shadow:0 6px 12px #060c1c2e,inset 0 1px #ffffff08}.play-jazz-mixer-row[data-v-aeb39cd5]{--lane-accent: rgba(51, 221, 208, .96);--lane-outline: rgba(51, 221, 208, .34);--lane-outline-strong: rgba(51, 221, 208, .52);display:grid;grid-template-columns:minmax(62px,70px) minmax(230px,280px) minmax(0,1fr);gap:.2rem;align-items:center;min-height:1.55rem}.play-jazz-mixer-row--chords[data-v-aeb39cd5]{--lane-accent: rgba(125, 174, 255, .95);--lane-outline: rgba(125, 174, 255, .34);--lane-outline-strong: rgba(125, 174, 255, .52)}.play-jazz-mixer-row--bass[data-v-aeb39cd5]{--lane-accent: rgba(117, 215, 156, .95);--lane-outline: rgba(117, 215, 156, .34);--lane-outline-strong: rgba(117, 215, 156, .5)}.play-jazz-mixer-title[data-v-aeb39cd5]{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lane-accent);white-space:nowrap;line-height:1}.play-jazz-mixer-controls[data-v-aeb39cd5]{display:flex;align-items:center;gap:.16rem;min-width:0}.row-toggle-group[data-v-aeb39cd5]{display:inline-flex;gap:.12rem}.row-toggle[data-v-aeb39cd5]{width:1.2rem;height:1.16rem;border-radius:.32rem;border:1px solid rgba(255,255,255,.02);background:#ffffff0f;color:#ffffffa6;font-size:.62rem;font-weight:600;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.row-toggle[data-v-aeb39cd5]:hover{border-color:#ffffff52}.row-toggle[data-v-aeb39cd5]:focus-visible{outline:2px solid rgba(150,212,255,.55);outline-offset:1px}.row-toggle.active[data-v-aeb39cd5]{color:#041014;box-shadow:0 0 2px #00000040 inset,0 0 2px #ffffff38;border-color:#ffffff14;background:#ffffff2e}.row-toggle-m.active[data-v-aeb39cd5]{background:linear-gradient(135deg,#1f97c4,#27c6bf)}.row-toggle-s.active[data-v-aeb39cd5]{background:linear-gradient(135deg,#f8c44f,#ff895b)}.row-volume-wrap[data-v-aeb39cd5]{flex:1 1 auto;display:flex;align-items:center}.play-jazz-mixer-volume-wrap[data-v-aeb39cd5]{display:inline-flex;align-items:center;gap:.12rem;height:.9rem;min-width:0;flex:1 1 auto}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]{width:192px;height:2px}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]::-webkit-slider-runnable-track{height:1.5px;border:0;background:linear-gradient(90deg,var(--slider-fill-color, #30e2d0) 0%,var(--slider-fill-color, #30e2d0) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) 100%)}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]::-webkit-slider-thumb{margin-top:-10.25px}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]::-moz-range-track{height:1.5px;border:0;background:var(--slider-empty-color, #3b4046)}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]::-moz-range-progress{height:1.5px;background:var(--slider-fill-color, #30e2d0)}.row-volume-value[data-v-aeb39cd5]{font-size:.62rem;font-weight:500;opacity:.78;text-align:right;min-width:2.1rem;color:var(--lane-accent)}.play-jazz-mixer-select[data-v-aeb39cd5]{position:relative;min-width:0}.play-jazz-mixer-select select[data-v-aeb39cd5]{background:#080d18e6;border:1px solid var(--lane-outline);border-radius:999px;padding:.18rem 2rem .18rem .6rem;color:#e1f5f5f2;font-size:.72rem;line-height:1.25;width:min(var(--mixer-selector-width),100%);min-height:1.9rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2390a8b9' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:12px 12px}.play-jazz-mixer-select--beat .play-jazz-mixer-beat-inline[data-v-aeb39cd5]{display:flex;align-items:center;gap:.32rem}.play-jazz-mixer-select--beat .combo-field[data-v-aeb39cd5]{flex:0 0 min(var(--mixer-selector-width),100%);width:min(var(--mixer-selector-width),100%);min-width:0}.play-jazz-mixer-select--beat .combo-button[data-v-aeb39cd5]{padding:.18rem .6rem;font-size:.72rem;min-height:1.9rem;border:1px solid var(--lane-outline);background:#080d18e6;color:#e1f5f5f2}.play-jazz-mixer-select--beat .combo-tags[data-v-aeb39cd5]{padding-left:0;gap:.28rem;flex-wrap:nowrap}.play-jazz-mixer-select--beat .combo-tag[data-v-aeb39cd5]{padding:.16rem .42rem;min-height:1.1rem;font-size:.5rem;letter-spacing:.14em}.play-jazz-mixer-select--beat .combo-list.beat-list[data-v-aeb39cd5]{top:calc(100% + .28rem);width:min(460px,calc(100vw - 2rem));left:auto;right:0}.play-jazz-mixer .bass-menu-button[data-v-aeb39cd5]{min-width:0;width:min(var(--mixer-selector-width),100%);min-height:1.9rem;padding:.18rem .6rem;font-size:.72rem;border-color:var(--lane-outline)}.play-jazz-mixer-row .play-jazz-mixer-select select[data-v-aeb39cd5]:focus-visible,.play-jazz-mixer-row .play-jazz-mixer-select--beat .combo-button[data-v-aeb39cd5]:focus-visible,.play-jazz-mixer-row .bass-menu-button[data-v-aeb39cd5]:focus-visible{outline:2px solid var(--lane-outline-strong);outline-offset:1px}.play-jazz-mixer-row--beat .combo-tag[data-v-aeb39cd5]{color:var(--lane-accent)}.play-jazz-mixer-row--beat .combo-tag.active[data-v-aeb39cd5]{color:#dcfaf6f5}.slider-group[data-v-aeb39cd5]{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.slider-group label[data-v-aeb39cd5]{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;padding-left:0}.play-toggle[data-v-aeb39cd5]{background:none;border:none;cursor:pointer;padding:0;outline:none;display:flex;align-items:center;transition:transform .1s}.play-toggle[data-v-aeb39cd5]:active{transform:scale(.95)}.play-toggle[data-v-aeb39cd5]:hover{transform:scale(1.05)}.play-toggle-large[data-v-aeb39cd5]{width:80px;height:80px;min-width:80px;min-height:80px;display:flex;align-items:center;justify-content:center}.bpm-slider[data-v-aeb39cd5],.swing-slider[data-v-aeb39cd5]{width:96px;height:5px;margin:0;accent-color:#30e2d0;background:var(--slider-empty-color, #3b4046);border-radius:999px;-webkit-appearance:none;appearance:none;cursor:pointer}.bpm-slider[data-v-aeb39cd5]::-webkit-slider-thumb,.swing-slider[data-v-aeb39cd5]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border-radius:50%;border:2px solid #fff;background:#040b16;box-shadow:0 4px 12px #00000059;-webkit-appearance:none;cursor:pointer}.bpm-slider[data-v-aeb39cd5]::-webkit-slider-runnable-track,.swing-slider[data-v-aeb39cd5]::-webkit-slider-runnable-track{height:5px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,var(--slider-fill-color, #30e2d0) 0%,var(--slider-fill-color, #30e2d0) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) var(--slider-value, 50%),var(--slider-empty-color, #3b4046) 100%)}.bpm-slider[data-v-aeb39cd5]::-moz-range-track,.swing-slider[data-v-aeb39cd5]::-moz-range-track{height:5px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:var(--slider-empty-color, #3b4046)}.bpm-slider[data-v-aeb39cd5]::-moz-range-progress,.swing-slider[data-v-aeb39cd5]::-moz-range-progress{height:5px;border-radius:999px;background:var(--slider-fill-color, #30e2d0)}.bpm-slider[data-v-aeb39cd5]::-moz-range-thumb,.swing-slider[data-v-aeb39cd5]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#040b16;box-shadow:0 4px 12px #00000059;cursor:pointer}.bpm-slider[data-v-aeb39cd5]:focus-visible,.swing-slider[data-v-aeb39cd5]:focus-visible{outline:none;box-shadow:0 0 0 3px #30e2d059}.swing-type[data-v-aeb39cd5]{padding:2px 4px;background:#0000;border:1px solid rgba(0,0,0,0);border-radius:4px;font-size:.8rem;color:#fff}.swing-type[data-v-aeb39cd5]:hover{border:1px solid #fff}.controls-settings output[data-v-aeb39cd5]{font-size:.8rem;color:#e6f0ffd9}.bass-toggle[data-v-aeb39cd5]{gap:.45rem}.toggle-btn[data-v-aeb39cd5]{border:1px solid rgba(48,226,208,.45);background:#080d18f2;color:#30e2d0e6;border-radius:999px;padding:.25rem .7rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.toggle-btn.active[data-v-aeb39cd5]{background:linear-gradient(135deg,#30e2d0e6,#10babeeb);border-color:#30e2d0d9;color:#f8fbff}.toggle-btn[data-v-aeb39cd5]:hover{transform:translateY(-1px)}.play-jazz-wakelock .toggle-btn[data-v-aeb39cd5]{padding:.22rem .6rem;font-size:.65rem}.play-jazz-beat[data-v-aeb39cd5]{display:flex;flex-direction:column;gap:.4rem;min-width:180px;max-width:250px;width:min(32vw,250px);position:relative}.play-jazz-beat label[data-v-aeb39cd5]{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#30e2d0fa;padding-left:.75rem}.play-jazz-beat select[data-v-aeb39cd5]{background:#080d18eb;border:1px solid rgba(48,226,208,.98);border-radius:999px;padding:.65rem .75rem;color:#f2f6ff;font-size:.95rem;width:100%;background-clip:padding-box;background-origin:padding-box}.play-jazz-btn[data-v-aeb39cd5]{border-radius:999px;border:1px solid rgba(120,160,255,.45);padding:.5rem 1.15rem;background:linear-gradient(135deg,#569cffe6,#3060d2eb);color:#f8fbff;font-weight:600;letter-spacing:.04em}.play-jazz-btn.ghost[data-v-aeb39cd5]{background:#070c16eb}.play-jazz-btn[data-v-aeb39cd5]:disabled{opacity:.5;cursor:not-allowed}.play-jazz-error[data-v-aeb39cd5]{font-size:.86rem;color:#ffbe8ce6}.ios-audio-warning[data-v-aeb39cd5]{margin-top:.65rem;padding:.65rem .85rem;border-radius:12px;border:1px solid rgba(255,200,120,.35);background:#181208b3;color:#ffe6c8eb;font-size:.78rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ios-audio-warning-dismiss[data-v-aeb39cd5]{border:1px solid rgba(255,200,120,.4);background:#1e160a99;color:#ffebd2f2;padding:.35rem .7rem;border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap}.ios-audio-warning-dismiss[data-v-aeb39cd5]:hover{border-color:#ffdca0b3}.play-jazz-details[data-v-aeb39cd5]{display:flex;flex-direction:column;gap:1.5rem}.play-jazz-title-row[data-v-aeb39cd5]{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.play-jazz-title-group[data-v-aeb39cd5]{display:flex;align-items:flex-start;gap:40px;width:100%}.play-jazz-title-block[data-v-aeb39cd5]{display:flex;flex-direction:column;gap:.5rem;width:100%}.play-jazz-title-line[data-v-aeb39cd5]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.play-jazz-title-sub[data-v-aeb39cd5]{width:100%}.play-jazz-title-meta[data-v-aeb39cd5]{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#ffffffe6;width:100%}.play-jazz-title-topline[data-v-aeb39cd5]{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}.play-jazz-style[data-v-aeb39cd5]{text-align:left;color:#f5f8ffeb}.play-jazz-display-controls[data-v-aeb39cd5]{display:flex;align-items:center;gap:.9rem;justify-content:flex-start}.play-jazz-composer[data-v-aeb39cd5]{margin-left:auto;text-align:right;font-size:1rem;letter-spacing:.02em;color:#f5f8ffeb}.play-jazz-changes-toggle[data-v-aeb39cd5]{display:flex;align-items:center;gap:.5rem}.play-jazz-changes-toggle label[data-v-aeb39cd5]{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jazz-blue)}.play-toggle-inline[data-v-aeb39cd5]{width:56px;height:56px;padding:0;border-radius:50%;flex-shrink:0;background:#0a101ee6;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center}.play-toggle-inline svg[data-v-aeb39cd5]{display:block}.play-spinner[data-v-aeb39cd5]{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fffffff2;animation:playSpinner-aeb39cd5 .7s linear infinite}@keyframes playSpinner-aeb39cd5{to{transform:rotate(360deg)}}.play-jazz-selectors-row[data-v-aeb39cd5]{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;justify-content:flex-end;flex:1 1 auto;min-width:0}.play-jazz-title[data-v-aeb39cd5]{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;letter-spacing:-.02em;color:#f7faff;text-shadow:0 10px 26px rgba(10,16,30,.35);margin-top:0;text-align:center;width:auto}.favorite-toggle[data-v-aeb39cd5]{border:1px solid rgba(111,179,255,.5);background:#080d18d9;color:#6fb3ffe6;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:.35rem}.favorite-icon[data-v-aeb39cd5]{width:14px;height:14px;stroke:currentColor;fill:transparent;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.favorite-toggle.active[data-v-aeb39cd5]{border-color:#ffaad2e6;color:#ffc8e1f2;background:#200a14d9}.favorite-toggle.active .favorite-icon[data-v-aeb39cd5]{fill:currentColor}.play-jazz-meta[data-v-aeb39cd5]{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.9rem;color:#ffffffe6;justify-content:flex-end;align-items:flex-end}.play-jazz-key[data-v-aeb39cd5],.play-jazz-meter[data-v-aeb39cd5],.play-jazz-chords[data-v-aeb39cd5]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.4rem}.play-jazz-wakelock[data-v-aeb39cd5]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem}.play-jazz-transpose[data-v-aeb39cd5]{display:inline-flex;align-items:center;gap:.5rem}.play-jazz-key label[data-v-aeb39cd5],.play-jazz-meter label[data-v-aeb39cd5],.play-jazz-chords label[data-v-aeb39cd5],.play-jazz-wakelock label[data-v-aeb39cd5]{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#30e2d0e6}.play-jazz-transpose label[data-v-aeb39cd5]{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jazz-blue)}.bass-menu[data-v-aeb39cd5]{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem}.bass-label[data-v-aeb39cd5]{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#30e2d0e6}.bass-menu-button[data-v-aeb39cd5]{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:140px;background:#080d18e6;border:1px solid rgba(48,226,208,.35);border-radius:999px;padding:.28rem .6rem;color:#e1f5f5f2;font-size:.72rem;cursor:pointer}.bass-menu-dropdown[data-v-aeb39cd5]{position:absolute;top:calc(100% + .4rem);left:0;min-width:190px;background:#080d18fa;border:1px solid rgba(48,226,208,.35);border-radius:12px;padding:.5rem;box-shadow:0 12px 28px #040a1873;z-index:1200;display:grid;gap:.5rem}.bass-menu-section[data-v-aeb39cd5]{display:grid;gap:.3rem}.bass-menu-heading[data-v-aeb39cd5]{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#a0e6dcd9}.bass-menu-option[data-v-aeb39cd5]{border:1px solid rgba(48,226,208,.25);background:#0c1424cc;color:#d2ebf5e6;border-radius:8px;padding:.35rem .5rem;text-align:left;font-size:.82rem;cursor:pointer}.bass-menu-option.selected[data-v-aeb39cd5]{border-color:#30e2d0e6;background:#122828d9;color:#fff}.bass-menu-divider[data-v-aeb39cd5]{height:1px;background:#30e2d040}.play-jazz-key select[data-v-aeb39cd5]{background:#080d18e6;border:1px solid rgba(48,226,208,.35);border-radius:999px;padding:.28rem .6rem;color:#e1f5f5f2;font-size:.72rem}.play-jazz-meter select[data-v-aeb39cd5]{background:#080d18e6;border:1px solid rgba(48,226,208,.35);border-radius:999px;padding:.28rem .6rem;color:#e1f5f5f2;font-size:.72rem;width:4.2rem}.play-jazz-chords select[data-v-aeb39cd5]{background:#080d18e6;border:1px solid rgba(48,226,208,.35);border-radius:999px;padding:.28rem .6rem;color:#e1f5f5f2;font-size:.72rem;width:6.2rem}.play-jazz-transpose select[data-v-aeb39cd5]{background:#080d18e6;border:1px solid rgba(111,179,255,.6);border-radius:10px;padding:.3rem .5rem;color:#f2f6ff;font-size:.8rem}.play-jazz-changes-toggle .toggle-btn[data-v-aeb39cd5]{border-color:#6fb3ff80;color:#6fb3fff2}.play-jazz-changes-toggle .toggle-btn.active[data-v-aeb39cd5]{background:linear-gradient(135deg,#5a96fff2,#3c78ebeb);border-color:#5a96ffe6;color:#081628}.lead-sheet[data-v-aeb39cd5]{width:100%;border-radius:0;padding:0;background:transparent;border:none;box-shadow:none}.lead-sheet-line[data-v-aeb39cd5]{position:relative;display:flex;align-items:center;padding-top:1.2rem;min-height:38px}.lead-sheet-line.ending-line[data-v-aeb39cd5]{padding-top:1.35rem}.lead-sheet-section[data-v-aeb39cd5]{position:absolute;top:-.05rem;left:0;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#dce4f0d9;padding:.18rem .35rem;border:1px solid rgba(220,228,240,.5);border-radius:6px;background:#0a101aa6}.lead-sheet-measures[data-v-aeb39cd5]{display:grid;grid-template-columns:repeat(var(--bars-per-line, 4),minmax(0,1fr));align-items:center;column-gap:0;font-family:Menlo,JetBrains Mono,Fira Code,monospace;font-size:.98rem;color:#f0f6fff2;line-height:1.6}.lead-sheet-measures-wrap[data-v-aeb39cd5]{position:relative;width:100%}.lead-sheet-ending[data-v-aeb39cd5]{position:absolute;left:calc((var(--ending-start) - 1) * (100% / var(--ending-count)));right:calc((var(--ending-count) - var(--ending-end)) * (100% / var(--ending-count)));top:-.6rem;height:.6rem;border-top:1px solid rgba(240,246,255,.65)}.lead-sheet-ending.ending-start[data-v-aeb39cd5]{border-left:1px solid rgba(240,246,255,.65)}.lead-sheet-ending.ending-end[data-v-aeb39cd5]{border-right:1px solid rgba(240,246,255,.65)}.lead-sheet-ending[data-v-aeb39cd5]:before{content:attr(data-ending);position:absolute;left:.2rem;top:.1rem;font-size:.65rem;letter-spacing:.1em;color:#f0f6ffb3}.lead-sheet-measure[data-v-aeb39cd5]{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:.15rem;padding:.18rem .4rem;min-height:46px;cursor:text;--barline-inset: 5px;--barline-color: rgba(240, 246, 255, .5);--barline-height: calc(100% - 10px) ;--barline-left-width: 1px;--barline-right-width: 0px;--barline-left-gradient: linear-gradient(to right, var(--barline-color) 0 100%);--barline-right-gradient: linear-gradient(to left, var(--barline-color) 0 100%);background-image:var(--barline-left-gradient),var(--barline-right-gradient);background-size:var(--barline-left-width) var(--barline-height),var(--barline-right-width) var(--barline-height);background-position:left 0 top var(--barline-inset),right 0 top var(--barline-inset);background-repeat:no-repeat}.lead-sheet-measure.last[data-v-aeb39cd5]{--barline-right-width: 1px}.lead-sheet-measure.repeat-start[data-v-aeb39cd5]{--barline-color: rgba(240, 246, 255, .7);--barline-left-width: 3px;--barline-left-gradient: linear-gradient( to right, var(--barline-color) 0 1px, transparent 1px 2px, var(--barline-color) 2px 3px )}.lead-sheet-measure.repeat-end[data-v-aeb39cd5]{--barline-color: rgba(240, 246, 255, .7);--barline-right-width: 3px;--barline-right-gradient: linear-gradient( to left, var(--barline-color) 0 1px, transparent 1px 2px, var(--barline-color) 2px 3px )}.lead-sheet-measure.repeat-start[data-v-aeb39cd5]:after,.lead-sheet-measure.repeat-end[data-v-aeb39cd5]:before{content:"";position:absolute;top:50%;width:4px;height:4px;margin-top:-7px;border-radius:50%;background:#f0f6ffcc;box-shadow:0 8px #f0f6ffcc}.lead-sheet-measure.repeat-start[data-v-aeb39cd5]:after{left:6px}.lead-sheet-measure.repeat-end[data-v-aeb39cd5]:before{right:6px}.lead-sheet-measure.repeat-start .measure-grid .measure-chord[data-v-aeb39cd5]:first-child{margin-left:10px}.lead-sheet-measure.active[data-v-aeb39cd5]{background:linear-gradient(120deg,#30e2d02e,#30e2d00d);box-shadow:inset 0 -2px #30e2d080}.measure-edit-input[data-v-aeb39cd5]{width:100%;min-height:2.4rem;border:1px solid rgba(110,180,255,.6);border-radius:10px;background:#080e1ae6;color:#f5f9ff;padding:.35rem .5rem;font-size:.78rem;letter-spacing:.01em}.measure-edit-input[data-v-aeb39cd5]:focus-visible{outline:none;box-shadow:0 0 0 2px #78b4ff73}.measure-prefix[data-v-aeb39cd5],.measure-suffix[data-v-aeb39cd5]{font-size:.7rem;color:#f0f6ffbf}.measure-prefix[data-v-aeb39cd5]{justify-self:start}.measure-suffix[data-v-aeb39cd5]{justify-self:end}.measure-grid[data-v-aeb39cd5]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:.1rem .35rem;align-items:center;justify-items:start;min-height:1.4rem}.measure-grid--two[data-v-aeb39cd5]{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start;gap:.4rem}.measure-grid--four .measure-chord[data-v-aeb39cd5]{font-size:.78rem;letter-spacing:-.01em}.measure-optionals[data-v-aeb39cd5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .35rem;align-items:center;justify-items:center;font-size:.68rem;line-height:1.2;color:#c8d4e6b3;min-height:.85rem}.measure-optional[data-v-aeb39cd5]{white-space:nowrap}.measure-chord[data-v-aeb39cd5]{font-size:1rem;white-space:nowrap;text-align:left;width:100%}.measure-chord--empty[data-v-aeb39cd5]{color:transparent}.chord-quality-base[data-v-aeb39cd5]{font-size:.92em;letter-spacing:.01em}.chord-quality[data-v-aeb39cd5]{font-size:.7em;vertical-align:super;letter-spacing:-.02em}.chord-slash[data-v-aeb39cd5]{font-size:.8em;margin-left:.08em;opacity:.9}.measure-chord.active[data-v-aeb39cd5]{color:#fff;text-shadow:0 0 8px rgba(120,190,255,.7)}.lead-sheet-spacer[data-v-aeb39cd5]{height:.6rem}.play-jazz-empty[data-v-aeb39cd5]{margin:0;color:#ffc48cd9}@media (max-width: 700px){.play-jazz[data-v-aeb39cd5]{gap:1rem;margin:1.2rem auto 3rem}.play-jazz-header[data-v-aeb39cd5]{flex-direction:column;gap:.6rem}.play-jazz-heading[data-v-aeb39cd5]{display:block!important}.play-jazz-heading h2[data-v-aeb39cd5]{display:block!important;font-size:1.15rem}.play-jazz-selectors-row[data-v-aeb39cd5]{flex-direction:column;align-items:stretch;width:100%}.play-jazz-combo[data-v-aeb39cd5]{width:100%;max-width:none;min-width:0}.combo-hint[data-v-aeb39cd5]{display:none}.combo-list[data-v-aeb39cd5]{max-height:60vh}.combo-list.beat-list[data-v-aeb39cd5]{width:100%;left:0;right:0}.chord-block[data-v-aeb39cd5]{grid-template-columns:1fr}.play-jazz-toolbar[data-v-aeb39cd5]{align-items:center;gap:.7rem;padding:.6rem .75rem;flex-wrap:wrap;overflow-x:visible;position:relative;width:100%;background:#060c18eb;border:1px solid rgba(48,226,208,.18);border-radius:30px;box-shadow:0 10px 20px #060c1c59;z-index:260;display:grid;grid-template-columns:1fr auto 1fr}.play-jazz-toolbar .play-toggle-inline[data-v-aeb39cd5]{display:inline-flex;grid-column:2;justify-self:center;align-items:center;justify-content:center}.play-jazz-toolbar .play-jazz-settings-toggle[data-v-aeb39cd5]{display:inline-flex;grid-column:3;justify-self:end;flex-direction:column;gap:.25rem;padding:.3rem .6rem;line-height:1}.play-jazz-toolbar .play-jazz-settings-toggle span[data-v-aeb39cd5]{display:block;font-size:.55rem;letter-spacing:.12em}.play-jazz-toolbar-controls[data-v-aeb39cd5]{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:.55rem;padding-top:.2rem;grid-column:1 / -1}.play-jazz-toolbar-controls.open[data-v-aeb39cd5]{display:flex;padding-top:.4rem}.play-jazz-toolbar-meta[data-v-aeb39cd5]{margin-left:0;flex-wrap:wrap;width:100%;justify-content:flex-start;order:2}.play-jazz-mixer-toggle[data-v-aeb39cd5]{order:3;align-self:stretch;width:100%;justify-content:center}.play-jazz-toolbar-sliders[data-v-aeb39cd5]{width:100%;flex-wrap:wrap;gap:.6rem;order:1}.bpm-slider[data-v-aeb39cd5],.swing-slider[data-v-aeb39cd5]{width:68px}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]{width:120px}.slider-group output[data-v-aeb39cd5]{font-size:.7rem}.play-jazz-mixer[data-v-aeb39cd5]{padding:.42rem .45rem;gap:.3rem}.play-jazz-mixer--inline[data-v-aeb39cd5]{width:100%;margin:.04rem 0 0;order:4;grid-column:1 / -1}.play-jazz-mixer-row[data-v-aeb39cd5]{grid-template-columns:minmax(44px,52px) minmax(132px,150px) minmax(0,1fr);gap:.14rem;align-items:center}.play-jazz-mixer-title[data-v-aeb39cd5]{font-size:.5rem;letter-spacing:.08em;padding-top:0}.play-jazz-mixer-controls[data-v-aeb39cd5]{width:100%;justify-content:flex-start;gap:.08rem;min-height:1.25rem;min-width:0}.play-jazz-mixer-select[data-v-aeb39cd5]{min-width:0;width:100%}.play-jazz-mixer-select select[data-v-aeb39cd5]{width:100%;min-height:1.45rem;font-size:.64rem;padding:.12rem 1.4rem .12rem .44rem}.play-jazz-mobile-native-select[data-v-aeb39cd5]{-webkit-appearance:menulist!important;appearance:auto!important;background-image:none!important;color-scheme:dark;background-color:#080d18eb!important;color:#e8f6fff2!important;border:1px solid var(--lane-outline, rgba(90, 155, 225, .45))!important;border-radius:10px!important;box-shadow:none!important;padding:.14rem .35rem!important;min-height:1.45rem!important;line-height:1.2!important;font-size:.72rem!important;min-width:108px;width:100%;max-width:100%;display:block}.play-jazz-mixer-select--beat .play-jazz-mixer-beat-inline[data-v-aeb39cd5]{flex-wrap:nowrap;gap:.12rem;min-width:0}.play-jazz-mixer-select--beat .combo-field[data-v-aeb39cd5]{flex:1 1 auto;width:auto;min-width:0}.play-jazz-mixer-select--beat .combo-tags[data-v-aeb39cd5]{gap:.12rem;flex-wrap:nowrap;flex:0 0 auto;padding-left:0}.play-jazz-mixer-select--beat .combo-tag[data-v-aeb39cd5]{padding:.08rem .22rem;min-height:.88rem;font-size:.4rem;letter-spacing:.1em}.row-volume-value[data-v-aeb39cd5]{display:none}.bass-menu-button[data-v-aeb39cd5]{width:100%;min-height:1.45rem;font-size:.64rem;padding:.12rem .44rem}.row-toggle-group[data-v-aeb39cd5]{gap:.04rem}.row-toggle[data-v-aeb39cd5]{width:1rem;height:.96rem;font-size:.52rem}.play-jazz-mixer-volume-slider.bpm-slider[data-v-aeb39cd5]{width:84px}.play-jazz-mixer-select--beat .combo-list.beat-list[data-v-aeb39cd5]{left:auto;right:0;width:min(360px,calc(100vw - 2.25rem));max-width:calc(100vw - 2.25rem)}.play-jazz-mixer .bass-menu-dropdown[data-v-aeb39cd5]{left:auto;right:0;min-width:0;width:min(360px,calc(100vw - 2.25rem));max-width:calc(100vw - 2.25rem)}.play-jazz-mixer .combo-list.beat-list[data-v-aeb39cd5],.play-jazz-mixer .bass-menu-dropdown[data-v-aeb39cd5]{z-index:2200}.play-jazz-mixer-select--beat .combo-selected[data-v-aeb39cd5],.play-jazz-mixer .bass-menu-button span[data-v-aeb39cd5]{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-jazz-title-sub[data-v-aeb39cd5]{grid-template-columns:1fr;row-gap:.35rem}.play-jazz-display-controls[data-v-aeb39cd5]{justify-self:flex-start;flex-wrap:wrap}.play-jazz-composer[data-v-aeb39cd5]{justify-self:end}.lead-sheet[data-v-aeb39cd5]{padding:0}.lead-sheet-measures[data-v-aeb39cd5]{font-size:.9rem;font-family:Menlo,JetBrains Mono,Fira Code,monospace}.lead-sheet-measure[data-v-aeb39cd5]{min-height:36px;padding:.14rem .5rem;--barline-inset: 7px}.measure-chord[data-v-aeb39cd5]{font-size:.74rem;letter-spacing:-.02em;transform:scaleX(.92);transform-origin:left}.measure-grid--four .measure-chord[data-v-aeb39cd5]{font-size:.68rem;font-family:Arial Narrow,Avenir Next Condensed,Helvetica Neue Condensed,Segoe UI,sans-serif}.measure-optionals[data-v-aeb39cd5]{font-size:.62rem;padding:0 .2rem;justify-items:start}.measure-grid[data-v-aeb39cd5]{gap:.08rem .25rem;padding:0 .2rem;justify-items:start}.measure-optional[data-v-aeb39cd5],.measure-chord[data-v-aeb39cd5]{text-align:left;width:100%}.measure-grid--two .measure-chord[data-v-aeb39cd5]{width:100%}.measure-edit-input[data-v-aeb39cd5]{font-size:.7rem;min-height:2.1rem}}.app-shell[data-v-bf39155d]{--site-header-block: clamp(1.7rem, 4vw, 2.3rem);min-height:100vh;width:100%;padding:0;display:flex;flex-direction:column;gap:0;background:transparent;position:relative;z-index:1;overflow-x:clip}.site-nav[data-v-bf39155d]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.2rem clamp(1.4rem,4vw,3rem) .6rem;gap:1.5rem}.brand[data-v-bf39155d]{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#eef4ffd9}.brand .accent[data-v-bf39155d]{color:#59f6ff;margin-left:.2rem}.nav-tabs[data-v-bf39155d]{display:inline-flex;gap:.4rem;padding:.35rem;border-radius:999px;background:#060a12b8;border:1px solid rgba(112,156,255,.2);box-shadow:inset 0 1px #ffffff0d}.nav-tab[data-v-bf39155d]{border:none;background:transparent;color:#dce6ffb3;padding:.5rem 1.15rem;border-radius:999px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.nav-tab.active[data-v-bf39155d]{background:#59f6ff;color:#07212e;box-shadow:0 8px 18px #081c243d}.nav-tab[data-v-bf39155d]:focus-visible{outline:2px solid rgba(120,185,255,.8);outline-offset:2px}.app-main[data-v-bf39155d]{position:relative;z-index:1;flex:1 1 auto;width:100%;max-width:100%;display:flex;flex-direction:column}.site-footer[data-v-bf39155d]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;padding:50px 0;margin-top:auto}.site-footer h1[data-v-bf39155d]{margin:0;line-height:1;font-size:clamp(2.6rem,4.5vw,4.2rem);letter-spacing:-.09em;text-align:center;text-transform:uppercase;display:inline-flex;gap:.4rem;align-items:center}.footer-logo[data-v-bf39155d]{font-weight:600;color:#f0f5ffeb;text-shadow:0 0 20px rgba(120,200,255,.35)}.footer-logo.accent[data-v-bf39155d]{color:#59f6ff;text-shadow:0 0 24px rgba(89,246,255,.6)}.footer-logo.thin[data-v-bf39155d]{font-weight:200;letter-spacing:.35em;color:#ffffffad}@media (max-width: 720px){.app-shell[data-v-bf39155d]{gap:0}.site-nav[data-v-bf39155d]{flex-direction:row;align-items:center;gap:.75rem;padding:.9rem 1rem .45rem}.app-shell:has(.play-jazz-toolbar-controls.open) .site-nav[data-v-bf39155d],.app-shell:has(.play-jazz-toolbar-controls.open) .site-footer[data-v-bf39155d]{opacity:0;pointer-events:none}.brand[data-v-bf39155d]{font-size:.85rem;letter-spacing:.08em}.nav-tabs[data-v-bf39155d]{padding:.25rem;gap:.25rem}.nav-tab[data-v-bf39155d]{padding:.4rem .75rem;font-size:.7rem}}