.chart-editor[data-v-408dcd14]{--ink:#eef0f4;--muted:#8c93a4;--bg:#111318;--panel:#191c23;--stroke:#292d37;--accent:#d2f05a;color:var(--ink);background:var(--bg);border:1px solid var(--stroke);border-radius:20px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden;box-shadow:0 24px 70px #12141d24}.editor-header[data-v-408dcd14]{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex}.eyebrow[data-v-408dcd14],.panel-label[data-v-408dcd14],.toolbar-actions label[data-v-408dcd14],.keyboard-hint>span[data-v-408dcd14]{letter-spacing:.13em;color:var(--muted);font-size:10px;font-weight:700}.eyebrow[data-v-408dcd14]{align-items:center;gap:9px;display:flex}.live-dot[data-v-408dcd14]{background:#b5df48;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #b5df48}.editor-header h2[data-v-408dcd14]{letter-spacing:-.035em;margin:10px 0 5px;font-size:22px}.editor-header p[data-v-408dcd14]{color:var(--muted);margin:0;font-size:13px}.import-button[data-v-408dcd14],.empty-import[data-v-408dcd14]{background:var(--accent);color:#1a1d12;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:750}.import-button input[data-v-408dcd14],.empty-import input[data-v-408dcd14]{display:none}.empty-state[data-v-408dcd14]{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:320px;display:flex}.music-icon[data-v-408dcd14]{color:var(--accent);background:#b5df4813;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:7px;font-size:32px;display:grid}.empty-state strong[data-v-408dcd14]{font-size:17px}.empty-state>span[data-v-408dcd14]{color:var(--muted);margin-bottom:12px;font-size:13px}.empty-import[data-v-408dcd14]{padding:11px 20px}.feature-strip[data-v-408dcd14]{border-top:1px solid var(--stroke);color:#aeb4c1;flex-wrap:wrap;justify-content:space-around;gap:10px;padding:18px 20px;font-size:11px;display:flex}.transport[data-v-408dcd14]{border-bottom:1px solid var(--stroke);align-items:center;gap:16px;height:68px;padding:0 28px;display:flex}.play-button[data-v-408dcd14]{background:var(--accent);cursor:pointer;color:#181a12;border:0;border-radius:50%;width:36px;height:36px;font-size:13px}.time-readout[data-v-408dcd14]{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.time-readout i[data-v-408dcd14]{color:#666d7a;font-style:normal}.seek[data-v-408dcd14]{accent-color:var(--accent);flex:1;min-width:60px}.bpm-control[data-v-408dcd14]{letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.bpm-control input[data-v-408dcd14]{width:58px;color:var(--ink);border:1px solid var(--stroke);background:#20232b;border-radius:7px;padding:8px;font-size:13px}.transport audio[data-v-408dcd14]{display:none}.workspace[data-v-408dcd14]{grid-template-columns:205px 1fr;min-height:390px;display:grid}.instrument-panel[data-v-408dcd14]{border-right:1px solid var(--stroke);background:#15171d;padding:22px 14px}.panel-label[data-v-408dcd14]{margin:0 0 12px 8px;display:block}.instrument[data-v-408dcd14]{text-align:left;width:100%;color:var(--ink);background:#232720;border:1px solid #3c4725;border-radius:10px;align-items:center;gap:10px;padding:12px 10px;display:flex}.guitar-glyph[data-v-408dcd14]{width:31px;height:31px;color:var(--accent);background:#d2f05a18;border-radius:8px;place-items:center;font-size:19px;display:grid}.instrument b[data-v-408dcd14]{font-size:12px;display:block}.instrument small[data-v-408dcd14]{color:var(--muted);font-size:10px}.active-mark[data-v-408dcd14]{color:var(--accent);margin-left:auto;font-size:9px}.difficulty[data-v-408dcd14]{color:#b6bbc6;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:11px 12px;font-size:12px}.active-diff[data-v-408dcd14]{color:var(--accent);background:#252a20}.difficulty span[data-v-408dcd14]{float:right;opacity:.6;font-size:9px}.keyboard-hint[data-v-408dcd14]{border-top:1px solid var(--stroke);margin:52px 6px 0;padding-top:18px}.keyboard-hint div[data-v-408dcd14]{gap:4px;margin:11px 0;display:flex}.keyboard-hint kbd[data-v-408dcd14]{color:#dce0e6;border:1px solid #434854;border-bottom-width:2px;border-radius:5px;place-items:center;width:24px;height:26px;font-size:11px;display:grid}.keyboard-hint small[data-v-408dcd14]{color:var(--muted);font-size:10px}.timeline-panel[data-v-408dcd14]{min-width:0;padding:18px 22px 12px}.timeline-toolbar[data-v-408dcd14]{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.timeline-toolbar>div[data-v-408dcd14]:first-child{align-items:center;gap:10px;display:flex}.timeline-toolbar strong[data-v-408dcd14]{font-size:14px}.note-count[data-v-408dcd14]{color:var(--muted);background:#242730;border-radius:12px;padding:4px 8px;font-size:10px}.toolbar-actions[data-v-408dcd14]{align-items:center;gap:7px;display:flex}.toolbar-actions label[data-v-408dcd14]{align-items:center;gap:7px;margin-right:7px;display:flex}.toolbar-actions select[data-v-408dcd14]{color:#c9ced8;border:1px solid var(--stroke);background:#20232b;border-radius:6px;padding:6px;font-size:10px}.toolbar-actions button[data-v-408dcd14]{color:#dce0e6;border:1px solid var(--stroke);cursor:pointer;background:#20232b;border-radius:6px;width:29px;height:28px;font-size:17px}.toolbar-actions button[data-v-408dcd14]:disabled{opacity:.35;cursor:default}.ruler[data-v-408dcd14]{height:25px;display:flex}.lane-gutter[data-v-408dcd14]{flex:none;width:68px}.ruler-track[data-v-408dcd14]{color:#737a88;flex:1;justify-content:space-between;padding:0 2px;font-size:9px;display:flex}.note-grid[data-v-408dcd14]{cursor:crosshair;height:280px;position:relative;overflow:hidden}.lane-row[data-v-408dcd14]{height:20%;display:flex}.lane-gutter[data-v-408dcd14]{align-items:center;gap:7px;display:flex}.lane-gutter i[data-v-408dcd14]{color:#747b88;font-size:9px;font-style:normal}.lane-key[data-v-408dcd14]{color:#111;background:var(--lane);width:18px;height:18px;box-shadow:0 0 13px color-mix(in srgb,var(--lane),transparent 68%);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.lane-track[data-v-408dcd14]{background:linear-gradient(90deg,color-mix(in srgb,var(--lane),transparent 96%),transparent);border-top:1px solid #292d36;flex:1;position:relative}.lane-row:last-of-type .lane-track[data-v-408dcd14]{border-bottom:1px solid #292d36}.grid-line[data-v-408dcd14]{top:0;bottom:0;left:calc((var(--n,1))*1%);border-left:1px solid #22252e;position:absolute}.lane-track .grid-line[data-v-408dcd14]{left:calc((var(--i,1))*1%)}.lane-track[data-v-408dcd14]{background-image:repeating-linear-gradient(90deg,#0000 0 calc(3.125% - 1px),#252832 calc(3.125% - 1px) 3.125%)}.lane-track[data-v-408dcd14] .grid-line.bar{border-left-color:#3c414c}.lane-row.chosen .lane-gutter i[data-v-408dcd14]{color:#d4d8df}.note-dot[data-v-408dcd14]{z-index:3;background:var(--lane);width:13px;height:13px;box-shadow:0 0 12px color-mix(in srgb,var(--lane),transparent 25%);cursor:grab;touch-action:none;border:2px solid #fff;border-radius:50%;margin:-6.5px 0 0 -6.5px;position:absolute}.playhead[data-v-408dcd14]{z-index:2;pointer-events:none;background:#d4f65b;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #d4f65b}.playhead[data-v-408dcd14]:before{content:"";background:var(--accent);border-radius:2px;width:9px;height:9px;position:absolute;top:-1px;left:-4px;transform:rotate(45deg)}.timeline-footer[data-v-408dcd14]{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 0 0;font-size:9px;display:flex}.playhead-key[data-v-408dcd14]{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.editor-footer[data-v-408dcd14]{border-top:1px solid var(--stroke);color:#969dab;background:#15171d;justify-content:space-between;align-items:center;padding:14px 24px;font-size:10px;display:flex}.saved-indicator[data-v-408dcd14]{color:var(--accent);margin-right:6px;font-size:9px}.export-button[data-v-408dcd14]{background:var(--accent);color:#1a1d12;cursor:pointer;border:0;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:750}.export-button span[data-v-408dcd14]{margin-left:9px;font-size:15px}@media (width<=700px){.editor-header[data-v-408dcd14]{align-items:flex-start;padding:21px}.editor-header h2[data-v-408dcd14]{font-size:17px}.editor-header p[data-v-408dcd14]{max-width:330px;line-height:1.5}.import-button[data-v-408dcd14]{padding:11px;font-size:0}.import-button[data-v-408dcd14]:before{content:"＋";font-size:18px}.workspace[data-v-408dcd14]{grid-template-columns:1fr}.instrument-panel[data-v-408dcd14]{display:none}.timeline-panel[data-v-408dcd14]{padding:16px 12px}.lane-gutter[data-v-408dcd14]{width:57px}.lane-gutter i[data-v-408dcd14]{font-size:8px}.timeline-footer span[data-v-408dcd14]:nth-child(2){display:none}.transport[data-v-408dcd14]{gap:10px;padding:0 14px}.feature-strip[data-v-408dcd14]{justify-content:flex-start}.toolbar-actions label[data-v-408dcd14]{font-size:0}.toolbar-actions label select[data-v-408dcd14]{font-size:10px}}.vertical-chart[data-v-408dcd14]{height:310px}.lane-headings[data-v-408dcd14]{height:38px;padding-left:38px;display:flex}.time-gutter[data-v-408dcd14]{writing-mode:vertical-rl;letter-spacing:.12em;color:#737a88;justify-content:center;align-items:center;width:25px;font-size:7px;display:flex;transform:rotate(180deg)}.lane-heading[data-v-408dcd14]{border-left:1px solid #292d36;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.lane-heading i[data-v-408dcd14]{color:#89909e;font-size:8px;font-style:normal}.note-grid[data-v-408dcd14]{cursor:crosshair;border-bottom:1px solid #292d36;height:272px;display:flex;position:relative;overflow:hidden}.time-ruler[data-v-408dcd14]{color:#737a88;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:38px;font-size:8px;display:flex;position:absolute;inset:0 auto 0 0}.lane-column[data-v-408dcd14]{background-image:repeating-linear-gradient(#0000 0 calc(3.125% - 1px),#252832 calc(3.125% - 1px) 3.125%);background-color:color-mix(in srgb,var(--lane),transparent 97%);border-left:1px solid #292d36;flex:1}.lane-column.chosen[data-v-408dcd14]{background-color:color-mix(in srgb,var(--lane),transparent 92%)}.note-wrap[data-v-408dcd14]{z-index:3;background:color-mix(in srgb,var(--lane),transparent 65%);border:1px solid color-mix(in srgb,var(--lane),white 12%);cursor:grab;touch-action:none;border-radius:8px 8px 2px 2px;width:calc(20% - 19.6px);min-height:14px;margin-left:0;position:absolute;transform:translate(-50%)}.note-wrap .note-dot[data-v-408dcd14]{background:var(--lane);width:15px;height:15px;box-shadow:0 0 12px color-mix(in srgb,var(--lane),transparent 25%);pointer-events:none;border:2px solid #fff;border-radius:50%;margin:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.playhead[data-v-408dcd14]{width:auto;height:1px;top:auto;left:38px;right:0}.playhead[data-v-408dcd14]:before{top:-4px;left:-4px}.history-toggle[data-v-408dcd14]{color:#969dab;justify-content:space-between;align-items:center;margin:-4px 0 7px;font-size:9px;display:flex}.history-toggle label[data-v-408dcd14]{cursor:pointer;align-items:center;gap:6px;display:flex}.history-toggle input[data-v-408dcd14],.key-toggle input[data-v-408dcd14]{accent-color:var(--accent)}.custom-zoom input[data-v-408dcd14]{width:48px!important;padding:5px!important}.key-toggle[data-v-408dcd14]{color:#c4c9d2;align-items:center;gap:8px;display:flex}.keycaps[data-v-408dcd14]{gap:3px;display:flex}.keycaps kbd[data-v-408dcd14]{color:#dce0e6;border:1px solid #434854;border-bottom-width:2px;border-radius:4px;place-items:center;width:17px;height:18px;font-size:9px;display:grid}@media (width<=700px){.editor-header[data-v-408dcd14]{align-items:flex-start;padding:21px}.editor-header h2[data-v-408dcd14]{font-size:17px}.editor-header p[data-v-408dcd14]{max-width:330px;line-height:1.5}.import-button[data-v-408dcd14]{padding:11px;font-size:0}.import-button[data-v-408dcd14]:before{content:"＋";font-size:18px}.workspace[data-v-408dcd14]{grid-template-columns:1fr}.instrument-panel[data-v-408dcd14]{display:none}.timeline-panel[data-v-408dcd14]{padding:16px 12px}.timeline-footer span[data-v-408dcd14]:nth-child(2){display:none}.transport[data-v-408dcd14]{gap:10px;padding:0 14px}.feature-strip[data-v-408dcd14]{justify-content:flex-start}.toolbar-actions label[data-v-408dcd14]{font-size:0}.toolbar-actions label select[data-v-408dcd14]{font-size:10px}.editor-footer[data-v-408dcd14]{padding:12px}.key-toggle[data-v-408dcd14]{gap:5px;font-size:9px}.history-toggle[data-v-408dcd14]{font-size:8px}.toolbar-actions[data-v-408dcd14]{gap:3px}.toolbar-actions select[data-v-408dcd14]{max-width:90px}}.chart-editor[data-v-408dcd14]{--accent:var(--color-accent-action,#087a4f)}.import-button[data-v-408dcd14],.export-button[data-v-408dcd14]{color:var(--color-accent-on,#fff)}.play-button[data-v-408dcd14]{color:#fff}.header-actions[data-v-408dcd14]{align-items:center;gap:9px;display:flex}.fullscreen-button[data-v-408dcd14]{border:1px solid var(--stroke);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:11px 13px;font-size:12px;display:flex}.fullscreen-icon[data-v-408dcd14]{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.live-dot[data-v-408dcd14]{background:var(--color-accent-text,#55d89b);box-shadow:0 0 12px var(--color-accent-text,#55d89b)}.lane-headings[data-v-408dcd14]{padding-left:0}.time-gutter[data-v-408dcd14]{flex:none;width:38px}.note-grid[data-v-408dcd14]{box-sizing:border-box;padding-left:38px}.lane-column.chosen[data-v-408dcd14]{background-color:color-mix(in srgb,var(--lane),transparent 83%);box-shadow:inset 0 0 18px color-mix(in srgb,var(--lane),transparent 82%)}.lane-column.pressed[data-v-408dcd14]{background-color:color-mix(in srgb,var(--lane),transparent 68%);box-shadow:inset 0 0 22px color-mix(in srgb,var(--lane),transparent 64%)}.seek-group[data-v-408dcd14]{flex-direction:column;flex:1;gap:3px;min-width:100px;display:flex}.seek-group .seek[data-v-408dcd14]{width:100%}.seek-group small[data-v-408dcd14]{white-space:nowrap;color:var(--muted);font-size:8px}.transport-control[data-v-408dcd14]{letter-spacing:.08em;color:var(--muted);white-space:nowrap;flex-direction:column;gap:4px;font-size:8px;font-weight:700;display:flex}.transport-control select[data-v-408dcd14]{color:#c9ced8;border:1px solid var(--stroke);letter-spacing:normal;background:#20232b;border-radius:6px;padding:6px;font-size:10px}.volume-control input[data-v-408dcd14]{width:76px;accent-color:var(--accent)}.chart-editor[data-v-408dcd14]:fullscreen{background:var(--bg);border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;max-height:100dvh;display:flex;overflow:auto}.chart-editor:fullscreen .editor-header[data-v-408dcd14],.chart-editor:fullscreen .editor-footer[data-v-408dcd14],.chart-editor:fullscreen .transport[data-v-408dcd14]{flex:none}.chart-editor:fullscreen .workspace[data-v-408dcd14]{flex:1;min-height:0}.chart-editor:fullscreen .timeline-panel[data-v-408dcd14]{flex-direction:column;display:flex}.chart-editor:fullscreen .vertical-chart[data-v-408dcd14]{flex-direction:column;flex:1;min-height:0;display:flex}.chart-editor:fullscreen .note-grid[data-v-408dcd14]{flex:1;height:auto;min-height:200px}@media (width<=700px){.header-actions[data-v-408dcd14]{gap:6px}.fullscreen-button[data-v-408dcd14]{padding:11px}.fullscreen-button span[data-v-408dcd14]{display:none}.transport[data-v-408dcd14]{flex-wrap:wrap;gap:8px;height:auto;min-height:70px;padding:9px 12px}.seek-group[data-v-408dcd14]{flex-direction:row;flex-basis:100%;order:1;align-items:center}.seek-group small[data-v-408dcd14],.transport-control[data-v-408dcd14]{font-size:7px}.volume-control input[data-v-408dcd14]{width:58px}}.package-settings[data-v-408dcd14]{border-bottom:1px solid var(--stroke);background:#15171d;padding:14px 22px}.metadata-fields[data-v-408dcd14]{grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px;display:grid}.metadata-fields label[data-v-408dcd14],.package-options>label[data-v-408dcd14]{letter-spacing:.1em;color:var(--muted);flex-direction:column;gap:5px;font-size:8px;font-weight:700;display:flex}.metadata-fields input[data-v-408dcd14],.package-options select[data-v-408dcd14]{box-sizing:border-box;width:100%;min-width:0;color:var(--ink);border:1px solid var(--stroke);letter-spacing:normal;background:#20232b;border-radius:6px;padding:8px;font-size:11px}.metadata-fields input[data-v-408dcd14]::placeholder{color:#737a88}.package-options[data-v-408dcd14]{align-items:flex-end;gap:12px;margin-top:10px;display:flex}.package-options>label[data-v-408dcd14]:first-child{flex:none;width:260px}.package-options select[data-v-408dcd14]{font-size:10px}.image-picker[data-v-408dcd14]{cursor:pointer}.image-picker input[data-v-408dcd14]{opacity:0;width:1px;height:1px;position:absolute}.image-picker small[data-v-408dcd14]{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--stroke);letter-spacing:normal;color:#c9ced8;background:#20232b;border-radius:6px;max-width:210px;padding:8px;font-size:10px;display:block;overflow:hidden}.export-action[data-v-408dcd14]{align-items:center;gap:12px;display:flex}.export-progress[data-v-408dcd14]{color:var(--muted);font-size:10px}.export-button[data-v-408dcd14]:disabled{opacity:.65;cursor:progress}.export-error[data-v-408dcd14]{color:#ffb8bd;background:#451f24;padding:10px 20px;font-size:12px}.chart-editor:fullscreen .package-settings[data-v-408dcd14]{flex:none}@media (width<=850px){.metadata-fields[data-v-408dcd14]{grid-template-columns:repeat(3,minmax(80px,1fr))}.package-options[data-v-408dcd14]{flex-wrap:wrap}.package-options>label[data-v-408dcd14]:first-child{width:220px}}@media (width<=700px){.package-settings[data-v-408dcd14]{padding:12px}.metadata-fields[data-v-408dcd14]{grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px}.package-options[data-v-408dcd14]{align-items:stretch}.package-options>label[data-v-408dcd14]:first-child{width:100%}.image-picker[data-v-408dcd14]{flex:1;min-width:calc(50% - 8px)}.export-progress[data-v-408dcd14]{display:none}.editor-footer[data-v-408dcd14]{gap:8px;padding:12px}.export-button[data-v-408dcd14]{padding:10px;font-size:10px}}.track-select[data-v-408dcd14]{border:1px solid var(--stroke);width:100%;color:var(--ink);cursor:pointer;background:#232720;border-radius:8px;padding:10px 11px;font-size:12px;font-weight:650}.track-select[data-v-408dcd14]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.instrument-select[data-v-408dcd14]{padding:12px 10px}.difficulty-label[data-v-408dcd14]{margin-top:25px}.empty-import-actions[data-v-408dcd14]{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.secondary-import[data-v-408dcd14]{color:var(--ink);border:1px solid var(--stroke);background:#232720}.header-actions .secondary-import[data-v-408dcd14]{padding:10px 12px}.chart-editor:fullscreen .instrument-panel[data-v-408dcd14]{display:block}@media (width<=700px){.editor-header[data-v-408dcd14]{flex-direction:column}.header-actions[data-v-408dcd14]{flex-wrap:wrap;width:100%}.header-actions .import-button[data-v-408dcd14]{padding:10px 12px;font-size:11px}.header-actions .import-button[data-v-408dcd14]:before{content:none}.workspace[data-v-408dcd14]{grid-template-columns:1fr}.instrument-panel[data-v-408dcd14]{border-right:0;border-bottom:1px solid var(--stroke);grid-template-columns:1fr 1fr;align-items:center;gap:7px;padding:12px;display:grid}.instrument-panel>.panel-label[data-v-408dcd14]{margin:0}.instrument-panel>.track-select[data-v-408dcd14]{min-width:0}.difficulty-label[data-v-408dcd14]{margin-top:0}.keyboard-hint[data-v-408dcd14]{display:none}.chart-editor:fullscreen .instrument-panel[data-v-408dcd14]{display:grid}}