:root{color-scheme:light dark;--color-bg: #ffffff;--color-surface: #f6f7f9;--color-surface-raised: #ffffff;--color-border: #e3e6ea;--color-border-input: #868e98;--color-text: #14171c;--color-text-muted: #5b6470;--color-accent: #0a7a52;--color-accent-hover: #075f3f;--color-on-accent: #ffffff;--color-focus: #0a7a52;--color-danger: #c62f2f;--color-success: #1f7a4d;--color-warning: #8a5a00;--color-nav: #14171c;--color-on-nav: #ffffff;--color-on-nav-muted: #b8bfca;--color-pro: #14171c;--color-on-pro: #ffd76a;--color-grid-bg: #eef0f4;--color-cell-off: #dfe3ea;--color-grid-line: #c9ced8;--color-playhead: #c62f2f;--color-track-drums: #c2410c;--color-track-bass: #6d28d9;--color-track-chords: #0e7490;--color-track-lead: #be185d;--color-track-pad: #1d4ed8;--color-track-fx: #4d7c0f;--font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: 12px;--leading-xs: 16px;--weight-xs: 500;--text-sm: 14px;--leading-sm: 20px;--weight-sm: 400;--text-base: 16px;--leading-base: 24px;--weight-base: 400;--text-lg: 20px;--leading-lg: 28px;--weight-lg: 600;--text-xl: 24px;--leading-xl: 32px;--weight-xl: 600;--text-display: 32px;--leading-display: 40px;--weight-display: 700;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--size-control-sm: 32px;--size-control-md: 38px;--size-control-lg: 46px;--size-nav-height: 56px;--size-card-narrow: 420px;--size-container: 1200px;--size-grid-cell: 24px;--size-grid-row: 36px;--size-track-header: 168px;--size-section-header: 28px;--size-track-header-compact: 112px;--size-grid-row-touch: 40px;--size-panel: 320px;--size-prose: 680px;--motion-fast: .12s;--motion-base: .2s;--motion-ease: cubic-bezier(.2,.8,.2,1);--shadow-card: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .1);--shadow-pop: 0 12px 32px rgb(16 24 40 / .16)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0f1115;--color-surface: #161920;--color-surface-raised: #1d212a;--color-border: #2a2f3a;--color-border-input: #6e7686;--color-text: #e7e9ee;--color-text-muted: #9aa3b2;--color-accent: #4fd1a5;--color-accent-hover: #7ee0bd;--color-on-accent: #04130d;--color-focus: #7ee0bd;--color-danger: #ff7070;--color-success: #4ade80;--color-warning: #fbbf24;--color-nav: #0b0d11;--color-on-nav: #e7e9ee;--color-on-nav-muted: #9aa3b2;--color-pro: #2a2410;--color-on-pro: #ffd76a;--color-grid-bg: #12151b;--color-cell-off: #232834;--color-grid-line: #2f3542;--color-playhead: #ff7070;--color-track-drums: #fb923c;--color-track-bass: #a78bfa;--color-track-chords: #22d3ee;--color-track-lead: #f472b6;--color-track-pad: #60a5fa;--color-track-fx: #a3e635;--shadow-card: 0 1px 2px rgb(0 0 0 / .4);--shadow-pop: 0 12px 32px rgb(0 0 0 / .5)}}:root[data-theme=dark]{--color-bg: #0f1115;--color-surface: #161920;--color-surface-raised: #1d212a;--color-border: #2a2f3a;--color-border-input: #6e7686;--color-text: #e7e9ee;--color-text-muted: #9aa3b2;--color-accent: #4fd1a5;--color-accent-hover: #7ee0bd;--color-on-accent: #04130d;--color-focus: #7ee0bd;--color-danger: #ff7070;--color-success: #4ade80;--color-warning: #fbbf24;--color-nav: #0b0d11;--color-on-nav: #e7e9ee;--color-on-nav-muted: #9aa3b2;--color-pro: #2a2410;--color-on-pro: #ffd76a;--color-grid-bg: #12151b;--color-cell-off: #232834;--color-grid-line: #2f3542;--color-playhead: #ff7070;--color-track-drums: #fb923c;--color-track-bass: #a78bfa;--color-track-chords: #22d3ee;--color-track-lead: #f472b6;--color-track-pad: #60a5fa;--color-track-fx: #a3e635;--shadow-card: 0 1px 2px rgb(0 0 0 / .4);--shadow-pop: 0 12px 32px rgb(0 0 0 / .5)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1{font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--weight-xl);margin:0}h2{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--weight-lg);margin:0}p{margin:0}.muted{color:var(--color-text-muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-2);top:-100px;z-index:100}.skip-link:focus{top:var(--space-2)}.container{max-width:var(--size-container);margin:0 auto;padding:var(--space-6) var(--space-4)}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--size-control-md);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font:600 var(--text-sm) / 1 var(--font-sans);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--motion-fast) var(--motion-ease)}.btn:active:not([aria-disabled=true]){transform:translateY(1px)}.btn.sm{height:var(--size-control-sm);padding:0 var(--space-3)}.btn.lg{height:var(--size-control-lg);padding:0 var(--space-5);font-size:var(--text-base)}.btn.block{width:100%}.btn.primary{background:var(--color-accent);color:var(--color-on-accent)}.btn.primary:hover:not([aria-disabled=true]){background:var(--color-accent-hover)}.btn.secondary{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border-input)}.btn.secondary:hover:not([aria-disabled=true]){background:var(--color-surface)}.btn.ghost{background:transparent;color:var(--color-text)}.btn.ghost:hover:not([aria-disabled=true]){background:var(--color-surface)}.btn.icon{width:var(--size-control-md);padding:0}.btn.icon.sm{width:var(--size-control-sm)}.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation-duration:3s}}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.field{display:grid;gap:var(--space-1);align-content:start}.label{font-size:var(--text-sm);font-weight:600}.help{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted);font-weight:400}.err{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-danger)}.control{height:var(--size-control-md);padding:0 var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:var(--text-base) var(--font-sans);width:100%}.control:hover{border-color:var(--color-text-muted)}.control[aria-invalid=true]{border-color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-xs)}.badge.pro{background:var(--color-pro);color:var(--color-on-pro)}.badge.soon{border:1px solid var(--color-border-input);color:var(--color-text-muted)}.skeleton{background:var(--color-cell-off);border-radius:var(--radius-sm)}.foot[data-v-04b7d9b5]{border-top:1px solid var(--color-border);margin-top:var(--space-6)}.in[data-v-04b7d9b5]{max-width:var(--size-container);margin:0 auto;padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm)}.in .muted[data-v-04b7d9b5]{margin-right:auto}.link[data-v-04b7d9b5]{color:var(--color-text-muted)}.link[data-v-04b7d9b5]:hover{color:var(--color-text)}.nav[data-v-3b9b3b96]{background:var(--color-nav);color:var(--color-on-nav);position:relative;z-index:10}.in[data-v-3b9b3b96]{max-width:var(--size-container);margin:0 auto;height:var(--size-nav-height);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4)}.brand[data-v-3b9b3b96]{color:var(--color-on-nav);font-weight:700;text-decoration:none;margin-right:auto}.links[data-v-3b9b3b96]{display:flex;gap:var(--space-5);list-style:none;margin:0 var(--space-3) 0 0;padding:0}.link[data-v-3b9b3b96]{color:var(--color-on-nav-muted);text-decoration:none;font-size:var(--text-sm);display:inline-block;padding:var(--space-4) 0;border-bottom:2px solid transparent}.link[data-v-3b9b3b96]:hover{color:var(--color-on-nav)}.link.current[data-v-3b9b3b96]{color:var(--color-on-nav);border-bottom-color:var(--color-accent)}.on-nav[data-v-3b9b3b96]{color:var(--color-on-nav)}.credits[data-v-3b9b3b96]{display:inline-block;margin-left:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border-input);color:var(--color-on-nav);font-size:var(--text-xs);line-height:var(--leading-xs)}.on-nav[data-v-3b9b3b96]:hover{background:transparent;opacity:.8}.menu-btn[data-v-3b9b3b96]{display:none}@media(max-width:767px){.menu-btn[data-v-3b9b3b96]{display:inline-flex}.links[data-v-3b9b3b96]{display:none;position:absolute;top:var(--size-nav-height);left:0;right:0;margin:0;flex-direction:column;gap:0;background:var(--color-nav);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border)}.links.open[data-v-3b9b3b96]{display:flex}.link[data-v-3b9b3b96]{padding:var(--space-3) 0;width:100%}}.host[data-v-bdbd2e58]{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:50;display:grid;gap:var(--space-2);max-width:min(420px,calc(100vw - 2 * var(--space-4)))}.toast[data-v-bdbd2e58]{display:flex;align-items:center;gap:var(--space-3);background:var(--color-nav);color:var(--color-on-nav);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.text[data-v-bdbd2e58]{flex:1}.close[data-v-bdbd2e58]{color:var(--color-on-nav)}.grid-wrap[data-v-79f5a295]{--grid-track-header: var(--size-track-header);--grid-row: var(--size-grid-row);overflow-x:auto;background:var(--color-grid-bg)}@media(max-width:767px){.grid-wrap[data-v-79f5a295]{--grid-track-header: var(--size-track-header-compact);--grid-row: var(--size-grid-row-touch)}}.grid[data-v-79f5a295]{position:relative;display:grid;width:max-content;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y}.playhead[data-v-79f5a295]{position:absolute;top:0;bottom:0;width:2px;background:var(--color-playhead);pointer-events:none;z-index:1;transition:left var(--motion-fast) linear}.sec-btn[data-v-79f5a295]{display:flex;align-items:center;gap:var(--space-1);width:100%;height:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}.sec-btn:hover .sec-name[data-v-79f5a295]{text-decoration:underline}.sec-btn[data-v-79f5a295]:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.row[data-v-79f5a295]{display:contents}.corner[data-v-79f5a295],.th[data-v-79f5a295]{position:sticky;left:0;z-index:2;background:var(--color-surface-raised);border-right:1px solid var(--color-border)}.corner[data-v-79f5a295]{z-index:3;display:flex;align-items:center;padding:0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.sec[data-v-79f5a295]{height:var(--size-section-header);display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;border-left:2px solid var(--color-grid-line);border-bottom:1px solid var(--color-border)}.sec-name[data-v-79f5a295]{overflow:hidden;text-overflow:ellipsis}.sec-len[data-v-79f5a295]{color:var(--color-text-muted);font-weight:400}.th[data-v-79f5a295]{height:var(--grid-row);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-bottom:1px solid var(--color-grid-line);font-size:var(--text-xs);line-height:var(--leading-xs);min-width:0}.sw[data-v-79f5a295]{width:10px;height:10px;border-radius:var(--radius-sm);background:var(--trk);flex:none}.th-text[data-v-79f5a295]{display:flex;flex-direction:column;min-width:0;flex:1}.th-name[data-v-79f5a295],.th-inst[data-v-79f5a295]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-name[data-v-79f5a295]{font-weight:600}.th-inst[data-v-79f5a295]{color:var(--color-text-muted)}.oct[data-v-79f5a295]{display:inline-flex;align-items:center;flex:none}.oct .btn.icon.sm[data-v-79f5a295]{width:20px;height:20px}.oct-val[data-v-79f5a295]{font-family:var(--font-mono);width:2ch;text-align:center}.cell[data-v-79f5a295]{width:var(--size-grid-cell);height:var(--grid-row);background:var(--color-cell-off);border-right:1px solid var(--color-grid-line);border-bottom:1px solid var(--color-grid-line);cursor:pointer}.cell.sb[data-v-79f5a295]{border-left:2px solid var(--color-grid-line)}@media(max-width:767px){.th-inst[data-v-79f5a295],.oct[data-v-79f5a295]{display:none}}.cell.on[data-v-79f5a295]{background:var(--trk)}.cell[data-v-79f5a295]:hover{box-shadow:inset 0 0 0 2px var(--color-focus)}.cell[data-v-79f5a295]:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;position:relative;z-index:1}.panel[data-v-ea1420f0]{padding:var(--space-5)}.kv[data-v-ea1420f0]{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--text-sm)}.kv dd[data-v-ea1420f0]{margin:0;font-weight:600}.kv .neg[data-v-ea1420f0]{color:var(--color-danger)}.transport[data-v-1e85e109]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-raised);font-size:var(--text-sm)}.pos[data-v-1e85e109]{font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta[data-v-1e85e109]{margin-left:auto;font-family:var(--font-mono);white-space:nowrap}@media(max-width:767px){.hint[data-v-1e85e109]{display:none}}.wide[data-v-1577a0f0]{max-width:none}.head[data-v-1577a0f0]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.titles[data-v-1577a0f0]{margin-right:auto;min-width:0}.titles h1[data-v-1577a0f0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save[data-v-1577a0f0]{font-size:var(--text-sm);color:var(--color-text-muted)}.save.error[data-v-1577a0f0]{color:var(--color-danger)}.confirm[data-v-1577a0f0]{font-size:var(--text-sm)}.layout[data-v-1577a0f0]{display:grid;grid-template-columns:minmax(0,1fr) var(--size-panel);gap:var(--space-4);align-items:start}.editor[data-v-1577a0f0]{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;min-width:0}.side[data-v-1577a0f0]{display:grid;gap:var(--space-3)}.tips[data-v-1577a0f0]{padding:0 var(--space-1)}.missing[data-v-1577a0f0]{max-width:var(--size-card-narrow);margin:var(--space-7) auto}@media(max-width:1023px){.layout[data-v-1577a0f0]{grid-template-columns:minmax(0,1fr)}}.create[data-v-12d4b00a]{display:flex;justify-content:center;padding-top:var(--space-7)}.generator[data-v-12d4b00a]{width:100%;max-width:var(--size-card-narrow)}.bare[data-v-12d4b00a]{border:0;padding:0;margin:0;min-width:0}.bare legend[data-v-12d4b00a]{padding:0;margin-bottom:var(--space-1)}.cols[data-v-12d4b00a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start}.chip[data-v-12d4b00a]{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--size-control-sm);padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-input);background:var(--color-surface-raised);color:var(--color-text);font:500 var(--text-sm) var(--font-sans);cursor:pointer}.chip[aria-checked=true][data-v-12d4b00a]{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.lock[data-v-12d4b00a]{color:var(--color-text)}.chip-skel[data-v-12d4b00a]{width:72px;height:var(--size-control-sm);border-radius:var(--radius-pill)}.stepper[data-v-12d4b00a]{display:flex;border:1px solid var(--color-border-input);border-radius:var(--radius-md);overflow:hidden}.stepper button[data-v-12d4b00a]{width:var(--size-control-md);height:calc(var(--size-control-md) - 2px);border:0;flex:none;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--text-lg)}.stepper input[data-v-12d4b00a]{min-width:0;flex:1;border:0;text-align:center;font:var(--text-base) var(--font-mono);background:var(--color-surface-raised);color:var(--color-text)}.stepper input[aria-invalid=true][data-v-12d4b00a]{box-shadow:inset 0 0 0 1px var(--color-danger)}.seg[data-v-12d4b00a]{display:flex;align-self:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.seg button[data-v-12d4b00a]{flex:1;border:0;background:transparent;color:var(--color-text-muted);height:calc(var(--size-control-md) - 6px);border-radius:var(--radius-sm);font:500 var(--text-sm) var(--font-sans);cursor:pointer}.seg button[aria-pressed=true][data-v-12d4b00a]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-card)}@media(max-width:420px){.create[data-v-12d4b00a]{padding-top:var(--space-4)}.cols[data-v-12d4b00a]{grid-template-columns:1fr}.generator[data-v-12d4b00a]{padding:var(--space-5)}}.account[data-v-4d2bd9f8]{max-width:640px}.danger[data-v-4d2bd9f8]{border-color:var(--color-danger)}.danger-btn[data-v-4d2bd9f8]{background:var(--color-danger);color:var(--color-on-accent)}.list[data-v-25925030]{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.item[data-v-25925030]{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);text-decoration:none}.item[data-v-25925030]:hover{border-color:var(--color-border-input)}.name[data-v-25925030]{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta[data-v-25925030]{grid-column:1;font-size:var(--text-sm)}.when[data-v-25925030]{grid-row:1 / span 2;grid-column:2;align-self:center;font-size:var(--text-sm)}.empty[data-v-25925030]{max-width:var(--size-card-narrow);justify-items:start}.login[data-v-f79f801d]{max-width:var(--size-card-narrow);margin:var(--space-6) auto}.or[data-v-f79f801d]{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.or[data-v-f79f801d]:before,.or[data-v-f79f801d]:after{content:"";flex:1;border-top:1px solid var(--color-border)}.sent[data-v-f79f801d]{display:grid;gap:var(--space-2);justify-items:start}.plans[data-v-055ca863]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--space-4);max-width:760px}.featured[data-v-055ca863]{border:2px solid var(--color-accent)}.price[data-v-055ca863]{font-size:var(--text-xl);font-weight:700}.per[data-v-055ca863]{font-size:var(--text-sm);font-weight:400}.list[data-v-055ca863]{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2);font-size:var(--text-sm)}.list li[data-v-055ca863]{display:flex;gap:var(--space-2);align-items:flex-start}.list li svg[data-v-055ca863]{flex:none;margin-top:2px}.packs[data-v-055ca863]{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pack[data-v-055ca863]{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);cursor:pointer;color:var(--color-text);text-align:left;font:inherit}.pack[data-v-055ca863]:hover{border-color:var(--color-border-input)}.seg[data-v-055ca863]{display:inline-flex;justify-self:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.seg button[data-v-055ca863]{border:0;background:transparent;color:var(--color-text-muted);padding:0 var(--space-3);height:var(--size-control-sm);border-radius:var(--radius-sm);font:500 var(--text-sm) var(--font-sans);cursor:pointer}.seg button[aria-pressed=true][data-v-055ca863]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-card)}.prose[data-v-ade494a2]{max-width:var(--size-prose)}.prose h2[data-v-ade494a2]{margin-top:var(--space-4)}.prose ul[data-v-ade494a2]{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2)}.stub[data-v-c922a6c3]{max-width:var(--size-card-narrow);margin:var(--space-7) auto;justify-items:start}.prose[data-v-ea6c6646]{max-width:var(--size-prose)}.prose h2[data-v-ea6c6646]{margin-top:var(--space-4)}.prose ul[data-v-ea6c6646]{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2)}