body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,[data-theme=light]{--bg:#f5f5f7;--bg-primary:#fff;--bg-secondary:#f0f0f5;--bg-elevated:#e8e8ee;--content-bg:#fff;--panel-bg:#fafafa;--header-bg:#fff;--border:#e0e0e0;--shadow:#0000000f;--overlay-bg:#ffffffd9;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-placeholder:#b0b0b0;--accent:#5b6af5;--accent-dark:#4452d0;--accent-muted:#5b6af51f;--accent-light:#ede9fe;--chord-color:#1a56db;--input-bg:#fff;--code-bg:#f0f0f5;--drop-zone-bg:#f7f7ff;--btn-secondary-bg:#f0f0f5;--btn-secondary-hover:#e4e4ef;--error-bg:#fff2f2;--error-border:#fcc;--error-text:#c0392b;--danger-bg:#fee2e2;--danger-text:#b91c1c}[data-theme=dark]{--bg:#0f0f11;--bg-primary:#1a1a1f;--bg-secondary:#1e1e26;--bg-elevated:#25252f;--content-bg:#1a1a1f;--panel-bg:#141418;--header-bg:#141418;--border:#2e2e38;--shadow:#0006;--overlay-bg:#1a1a1fe0;--text-primary:#e8e8ec;--text-secondary:#889;--text-placeholder:#4a4a5a;--accent:#7c8ff5;--accent-dark:#5b6af5;--accent-muted:#7c8ff526;--accent-light:#7c8ff52e;--chord-color:#82aaff;--input-bg:#1e1e26;--code-bg:#1e1e26;--drop-zone-bg:#1a1a26;--btn-secondary-bg:#25252f;--btn-secondary-hover:#2e2e3c;--error-bg:#2a1515;--error-border:#5c2222;--error-text:#f08080;--danger-bg:#3b1212;--danger-text:#f87171}*,:after,:before{box-sizing:border-box}body{background:#f5f5f7;background:var(--bg);color:#1a1a1a;color:var(--text-primary);transition:background .2s,color .2s}.app-shell{flex-direction:column;height:100vh}.app-body,.app-shell{display:flex;overflow:hidden}.app-body{flex:1 1;min-height:0}.app-header{background:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:0 1px 4px var(--shadow);height:56px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.app-header,.app-header__brand{align-items:center;display:flex}.app-header__brand{gap:10px}.app-header__icon{font-size:1.4rem}.app-header__title{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.3px}.app-header__actions{align-items:center;display:flex;gap:10px}.app-header__user{color:var(--text-secondary);font-size:.9rem}.header-button{color:var(--text-primary)}.header-button,.theme-toggle{background:var(--btn-secondary-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:6px 10px}.theme-toggle{font-size:1.1rem;line-height:1;transition:background .15s,transform .1s}.theme-toggle:hover{background:var(--btn-secondary-hover);transform:scale(1.1)}.auth-page{background:var(--bg-primary);color:var(--text-primary);display:grid;min-height:100vh;padding:24px;place-items:center}.auth-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px var(--shadow);padding:24px;width:min(420px,100%)}.auth-panel__brand{align-items:center;display:flex;gap:12px;margin-bottom:20px}.auth-panel__brand h1{font-size:1.5rem;margin:0}.auth-panel__icon{font-size:1.5rem}.auth-form{grid-gap:14px;display:grid;gap:14px}.auth-form label{grid-gap:6px;color:var(--text-secondary);display:grid;font-size:.9rem;gap:6px}.auth-form input{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:10px 12px;width:100%}.auth-submit{background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 12px}.auth-submit:disabled{cursor:wait;opacity:.6}.auth-message{background:var(--btn-secondary-bg);border-radius:8px;color:var(--text-secondary);font-size:.9rem;padding:10px}.auth-message--error{background:#be123c1f;color:#be123c}.auth-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.auth-resend{margin-top:10px;padding:8px 10px;width:100%}.auth-links button,.auth-resend{background:var(--btn-secondary-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer}.auth-links button{padding:6px 10px}.left-panel{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;height:100%;max-width:340px;min-width:260px;overflow-y:auto;position:relative;width:300px}.left-panel,.left-panel__reset-btn{background:var(--panel-bg);display:flex}.left-panel__reset-btn{align-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;float:right;font-size:1rem;height:26px;justify-content:center;line-height:1;margin:8px 8px -28px auto;opacity:.55;padding:0;position:sticky;top:8px;transition:opacity .15s,color .15s,border-color .15s,background .15s;width:26px;z-index:10}.left-panel__reset-btn:hover{background:var(--accent-muted);border-color:var(--accent);color:var(--accent);opacity:1}.panel-section{border-bottom:1px solid var(--border);padding:16px}.panel-section--grow{display:flex;flex:1 1;flex-direction:column;min-height:0}.panel-section__title{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.6px;margin:0;text-transform:uppercase}.panel-section__header{justify-content:space-between;margin:0 0 10px}.ai-btn,.panel-section__header{align-items:center;display:flex}.ai-btn{background:#0000;border:1px solid var(--accent);border-radius:12px;color:var(--accent);cursor:pointer;font-size:.72rem;font-weight:600;gap:5px;padding:3px 10px;transition:background .15s,color .15s;white-space:nowrap}.ai-btn:hover:not(:disabled){background:var(--accent);color:#fff}.ai-btn:disabled{cursor:not-allowed;opacity:.45}.panel-section__hint{color:var(--text-secondary);font-size:.78rem;line-height:1.4;margin:0 0 8px}.panel-section__hint code{background:var(--code-bg);border-radius:3px;color:var(--accent);font-size:.75rem;padding:1px 4px}.file-drop-zone{align-items:center;background:var(--drop-zone-bg);border:2px dashed var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;text-align:center;transition:border-color .15s,background .15s}.file-drop-zone:focus,.file-drop-zone:hover{background:var(--accent-muted);border-color:var(--accent);outline:none}.file-drop-zone--loaded{border-color:var(--accent);border-style:solid}.file-drop-zone__icon{font-size:1.6rem;line-height:1}.file-drop-zone__name{color:var(--text-primary);font-size:.85rem;font-weight:600;word-break:break-all}.file-drop-zone__hint{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.lyrics-textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;min-height:200px;outline:none;padding:10px;resize:none;transition:border-color .12s;width:100%}.lyrics-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.lyrics-textarea::placeholder{color:var(--text-placeholder)}.stem-sep-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;gap:7px;margin-bottom:10px;-webkit-user-select:none;user-select:none}.stem-sep-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:14px;width:14px}.stem-sep-toggle__hint{font-size:.75rem;opacity:.7}.detect-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;height:42px;justify-content:center;transition:background .12s,opacity .12s;width:100%}.detect-btn:hover:not(:disabled){background:var(--accent-dark)}.detect-btn:disabled{cursor:not-allowed;opacity:.45}.debug-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;gap:6px;height:34px;justify-content:center;margin-top:8px;transition:border-color .12s,color .12s;width:100%}.debug-btn:hover{border-color:var(--accent);color:var(--accent)}.spinner{animation:spin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.lyrics-header-btns{align-items:center;display:flex;gap:6px}.ai-btn--secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.ai-btn--secondary:hover:not(:disabled){filter:brightness(.95)}.lyrics-search{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px}.lyrics-search__input{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.82rem;outline:none;padding:6px 10px}.lyrics-search__input:focus{border-color:var(--accent)}.lyrics-search__error{color:var(--error-text);font-size:.75rem;margin:2px 0 0}.url-import{margin-top:10px}.url-import__toggle{justify-content:center;width:100%}.url-import__form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px}.url-import__hint{color:#888;color:var(--text-secondary,#888);font-size:.7rem;margin:0}.right-panel{background:var(--content-bg);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.right-panel__toolbar{align-items:stretch;background:var(--panel-bg);border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;flex-wrap:nowrap;gap:8px;min-height:78px;padding:8px 16px;position:sticky;top:0;z-index:10}.right-panel__toolbar-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.right-panel__toolbar-row,.right-panel__toolbar-row--playback{justify-content:flex-start}.right-panel__toolbar-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.song-title-input{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-primary);font-size:.9rem;font-weight:600;max-width:220px;min-width:120px;outline:none;padding:3px 8px;transition:border-color .15s,background .15s}.song-title-input::placeholder{color:var(--text-secondary);font-weight:400}.song-title-input:hover{background:var(--code-bg);border-color:var(--border)}.song-title-input:focus{background:var(--code-bg);border-color:var(--accent)}.right-panel__toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.toolbar-divider{background:var(--border);height:24px;width:1px}.key-badge{align-items:center;background:var(--code-bg);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.8rem;gap:4px;padding:3px 10px}.key-badge strong{color:var(--accent);font-weight:700}.key-badge--clickable{color:var(--accent);cursor:pointer;font-weight:600;transition:background .15s,border-color .15s}.key-badge--clickable:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.sig-select{border:1px solid var(--accent);border-radius:20px;padding:2px 8px}.play-mode-select,.sig-select{background:var(--code-bg);color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;outline:none}.play-mode-select{border:none;padding:0}.cancel-detect-btn{background:#0000;border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;margin-top:12px;padding:5px 18px;transition:background .15s,color .15s,border-color .15s}.cancel-detect-btn:hover{border-color:#e05050;color:#e05050}.simplify-btn{background:#0000;border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:3px 10px;transition:background .15s,color .15s,border-color .15s}.simplify-btn:hover{border-color:var(--accent);color:var(--accent)}.simplify-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.simplify-btn--active:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.right-panel__content{flex:1 1;overflow-y:auto;position:relative}.right-panel__overlay{align-items:center;background:var(--overlay-bg);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:16px;inset:0;justify-content:center;position:absolute;z-index:20}.right-panel__spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.right-panel__progress{align-items:center;display:flex;flex-direction:column;gap:6px;width:min(320px,80%)}.right-panel__progress-step{color:var(--text-primary);font-size:.88rem;margin:0;text-align:center}.right-panel__progress-bar-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.right-panel__progress-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s ease}.right-panel__progress-pct{color:var(--text-secondary);font-size:.78rem;margin:0}.error-banner{align-items:center;background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);display:flex;font-size:.85rem;gap:8px;margin:12px 16px 0;padding:10px 14px}.error-banner__icon{flex-shrink:0}.playback-btn{min-width:72px}.right-panel__playback{background:var(--panel-bg);border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 12px}.transpose-capo{align-items:center;display:flex;gap:20px}.transpose-capo__group{align-items:center;display:flex;gap:8px}.transpose-capo__label{color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.transpose-capo__controls{align-items:center;display:flex;gap:4px}.tc-btn{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;line-height:1;padding:0;transition:background .12s;width:28px}.tc-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tc-value{font-feature-settings:"tnum";font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:28px;text-align:center}.tc-select,.tc-value{color:var(--text-primary)}.tc-select{appearance:auto;background:var(--btn-secondary-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.85rem;height:28px;outline:none;padding:0 8px}.tc-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.tc-btn--suggest{background:#0000;border:1px solid var(--border);font-size:.85rem;margin-left:4px;padding:3px 6px}.tc-suggestions{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px var(--shadow);display:flex;flex-direction:column;gap:4px;min-width:240px;padding:8px;position:absolute;right:0;top:calc(100% + 6px);z-index:300}.tc-suggestions__title{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.72rem;margin-bottom:2px;padding:2px 4px 6px}.tc-suggestion-item{background:none;border:none;border-radius:5px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 8px;text-align:left;transition:background .12s}.tc-suggestion-item:hover{background:var(--bg-elevated)}.tc-suggestion-item.active{background:#6366f1;background:var(--accent,#6366f1);color:#fff}.export-buttons{display:flex;gap:8px}.export-btn{border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;height:30px;padding:0 12px;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.export-btn:disabled{cursor:not-allowed;opacity:.4}.export-btn--text{background:var(--btn-secondary-bg);border-color:var(--border);color:var(--text-primary)}.export-btn--text:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.export-btn--chordpro{background:var(--btn-secondary-bg);border-color:var(--border);color:var(--text-primary)}.export-btn--chordpro:hover:not(:disabled),.export-btn--pdf{background:var(--accent);border-color:var(--accent);color:#fff}.export-btn--pdf:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.export-btn--srt{background:var(--btn-secondary-bg);border-color:var(--border);color:var(--text-primary)}.export-btn--srt:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.export-btn--ireal{background:#10b981;background:var(--accent-secondary,#10b981);color:#fff}.export-btn--ireal:hover:not(:disabled){filter:brightness(1.1)}.export-btn--share{background:#6366f1;background:var(--accent,#6366f1);color:#fff;min-width:68px}.export-btn--share:hover:not(:disabled){filter:brightness(1.1)}.export-btn--share.copied{background:#16a34a}.chord-sheet{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;padding:20px 24px}.chord-sheet__spacer{height:12px}.chord-sheet__section{color:var(--accent);display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.8px;margin:18px 0 6px;text-transform:uppercase}.chord-sheet__section--clickable{border-radius:4px;cursor:pointer;margin-left:-4px;padding:1px 4px;transition:background .15s}.chord-sheet__section--clickable:hover{background:color-mix(in srgb,var(--accent) 12%,#0000)}.chord-sheet__section--clickable:after{content:" +";font-size:.7rem;opacity:.45}.chord-sheet__line{margin-bottom:2px;position:relative}.chord-sheet__line--active{background:color-mix(in srgb,var(--accent) 7%,#0000);border-radius:4px}.chord-sheet__chord-row{align-items:flex-end;display:flex;min-height:1.4em;-webkit-user-select:none;user-select:none;white-space:pre}.chord-sheet__chord-row--canonical{display:block}.chord-sheet__chord-row--canonical-pos{display:block;font-size:1em;min-height:1.4em;pointer-events:auto;position:relative;white-space:pre}.chord-sheet__chord-row--canonical .chord-sheet__row-text{color:var(--chord-color);font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:700;white-space:pre}.chord-sheet__row-ghost{pointer-events:none;visibility:hidden;white-space:pre}.chord-sheet__chord-row--intro{align-items:center;flex-wrap:wrap;gap:1.6ch;min-height:1.6em}.chord-sheet__intro-chord-label{color:var(--chord-color);font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:700;white-space:nowrap}.chord-sheet__intro-chord-label.chord-sheet__chord--interactive{cursor:pointer}.chord-sheet__lyric-row{display:flex;white-space:pre}.chord-sheet__lyric-row--canonical{display:block}.chord-sheet__space{white-space:pre}.chord-sheet__gap-drop{position:relative}.chord-sheet__gap-drop:after{content:none}.chord-sheet--show-gaps .chord-sheet__drop-slot{position:relative}.chord-sheet--show-gaps .chord-sheet__drop-slot:after{content:none;pointer-events:none}.chord-sheet__gap-drop--active{background:color-mix(in srgb,var(--accent) 26%,#0000);border-radius:2px;outline:1px solid color-mix(in srgb,var(--accent) 88%,#0000);outline-offset:1px}.chord-sheet--show-gaps .chord-sheet__gap-drop--active:before{content:none}.chord-sheet__drop-word-active{background:color-mix(in srgb,var(--accent) 26%,#0000);border-radius:2px;outline:1px solid color-mix(in srgb,var(--accent) 88%,#0000);outline-offset:1px}.chord-sheet__slot-row{display:flex;margin-bottom:2px;min-height:1.15em;-webkit-user-select:none;user-select:none;white-space:pre}.chord-sheet__slot-row--overlay{left:0;margin-bottom:0;min-height:1.4em;position:absolute;right:0;top:0;z-index:2}.chord-sheet__drop-slot-above{background:#0000;border:0;border-radius:2px;display:inline-block;height:1.2em}.chord-sheet__drop-slot-above--valid{background:#0000;cursor:copy}.chord-sheet__drop-slot-above--active{background:color-mix(in srgb,var(--accent) 34%,#0000);outline:1px solid color-mix(in srgb,var(--accent) 95%,#0000);outline-offset:1px}.chord-sheet__drop-char{display:inline-block;min-width:1ch;position:relative}.chord-sheet__drop-char--edge{min-width:1ch}.chord-sheet__drop-char--active{background:color-mix(in srgb,var(--accent) 34%,#0000);border-radius:2px;outline:1px solid color-mix(in srgb,var(--accent) 95%,#0000);outline-offset:1px}.chord-sheet__chord-cell{display:inline-flex;flex-direction:column;position:relative;white-space:pre}.chord-sheet__chord{bottom:0;color:var(--chord-color);font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:700;left:0;line-height:1;padding-bottom:1px;position:absolute;white-space:nowrap}.chord-sheet__chord--pos{font-size:1em}.chord-sheet__chord--pos,.chord-sheet__chord-sheet-edit-anchor{left:0;left:calc(var(--col, 0)*1ch);pointer-events:auto;position:absolute}.chord-sheet__chord-sheet-edit-anchor{bottom:0}.chord-sheet__chord-spacer{visibility:hidden;white-space:pre}.chord-sheet__chord--interactive{cursor:grab}.chord-sheet__chord--interactive:active{cursor:grabbing}.chord-sheet__chord--virtual{cursor:text;opacity:.75}.chord-sheet__chord--dragging{cursor:grabbing;opacity:.3}.chord-sheet__chord-cell--drop-target{background:#1e64c81f;border-radius:2px}.chord-sheet__timing-row{background:color-mix(in srgb,var(--border) 65%,#0000);border-radius:4px;height:24px;margin:4px 0 8px;overflow:hidden;position:relative}.chord-sheet__timing-row--interactive{cursor:pointer}.chord-sheet__timing-seg{align-items:center;background:color-mix(in srgb,var(--accent) 45%,#0000);border:1px solid color-mix(in srgb,var(--accent) 35%,#0000);border-radius:2px;display:flex;height:16px;overflow:hidden;position:absolute;top:4px}.chord-sheet__timing-seg--selected{background:color-mix(in srgb,var(--accent) 70%,#0000);border-color:var(--accent)}.chord-sheet__timing-seg-label{color:color-mix(in srgb,var(--text-primary) 80%,#0000);font-size:.62rem;line-height:1;overflow:hidden;padding:0 3px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.chord-sheet__timing-boundary{cursor:ew-resize;height:16px;position:absolute;top:-1px;transform:translateX(-50%);width:8px}.chord-sheet__timing-boundary:before{background:var(--accent);border-radius:2px;content:"";height:14px;left:50%;position:absolute;top:1px;transform:translateX(-50%);width:2px}.chord-sheet__timing-tick{background:color-mix(in srgb,var(--text-secondary) 30%,#0000);height:100%;pointer-events:none;position:absolute;top:0;width:1px}.chord-sheet__timing-tick--measure{background:color-mix(in srgb,var(--accent) 55%,#0000);width:2px}.chord-sheet__timing-handle{background:var(--accent);border-radius:3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--bg-primary) 75%,#0000);cursor:ew-resize;height:22px;position:absolute;top:1px;transform:translateX(-50%);width:8px}.chord-sheet__timing-handle--start{background:color-mix(in srgb,var(--accent) 88%,#4ade80)}.chord-sheet__timing-handle--end{background:color-mix(in srgb,var(--accent) 88%,#f97316)}.chord-sheet__timing-undo{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.7rem;height:18px;padding:0 6px;position:absolute;right:6px;top:3px}.chord-sheet__word--timing-selected{background:color-mix(in srgb,var(--accent) 18%,#0000);border-radius:2px}.chord-sheet__word--interactive{cursor:text}.chord-sheet__word--group-hover,.chord-sheet__word--interactive:hover{-webkit-text-decoration:underline dotted var(--text-secondary);text-decoration:underline dotted var(--text-secondary);text-underline-offset:2px}.chord-sheet__word--split-sep{cursor:text}.chord-sheet__word--active{font-weight:700}.chord-sheet__word--spacer{cursor:default;min-width:2ch;-webkit-user-select:none;user-select:none}.chord-sheet__chord-cell--spacer{min-width:0;overflow:visible;width:0}.chord-sheet__chord-input{background:var(--bg-elevated);border:1px solid var(--chord-color);border-radius:2px;bottom:0;color:var(--chord-color);font-family:Courier New,Courier,monospace;font-size:.85em;font-weight:700;left:0;line-height:1;max-width:16ch;min-width:3ch;min-width:calc(var(--edit-min-ch, 3)*1ch);outline:none;padding:0 2px;position:absolute;width:5ch;width:calc(var(--edit-size-ch, 5)*1ch);z-index:10}.chord-sheet__chord-input--standalone{max-width:12ch;position:static}.chord-sheet-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:300px;padding:40px;text-align:center}.chord-sheet-empty__icon{font-size:3rem;opacity:.5}.chord-sheet-empty p{font-size:.95rem;line-height:1.5;margin:0;max-width:260px}.chord-sheet__chord--active{color:#ff8c00;transition:color .1s}.chord-sheet__roman{color:#6366f1;color:var(--accent,#6366f1);font-size:.55em;font-style:italic;font-weight:400;margin-left:1px;vertical-align:sub}.chord-alt-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px var(--shadow);font-size:.85rem;min-width:140px;padding:6px 0;position:fixed;z-index:1000}.chord-alt-menu__header{border-bottom:1px solid var(--border);color:#888;color:var(--text-secondary,#888);font-size:.75rem;margin-bottom:2px;padding:4px 12px 6px}.chord-alt-menu__item{align-items:center;background:none;border:none;color:#111;color:var(--text-primary,#111);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:6px 12px;text-align:left;transition:background .12s;width:100%}.chord-alt-menu__item:hover{background:var(--accent-light);color:#6366f1;color:var(--accent,#6366f1)}.chord-alt-menu__score{color:#888;color:var(--text-secondary,#888);font-size:.7rem;font-weight:400;margin-left:8px}.word-timing-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px var(--shadow);font-size:.82rem;min-width:180px;padding:6px 0;position:fixed;z-index:1001}.word-timing-menu__header{border-bottom:1px solid var(--border);color:#888;color:var(--text-secondary,#888);font-size:.75rem;margin-bottom:2px;padding:4px 10px 6px}.word-timing-menu__row{color:#111;color:var(--text-primary,#111);display:flex;gap:10px;justify-content:space-between;padding:4px 10px}.word-timing-menu__input{font-size:.8rem;padding:2px 4px;width:88px}.word-timing-menu__actions{display:flex;gap:6px;justify-content:flex-end;padding:8px 10px 4px}.word-timing-menu__btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.76rem;padding:2px 8px}.word-timing-menu__btn--secondary{color:var(--text-secondary)}.word-timing-menu__error{color:#ef4444;font-size:.74rem;padding:4px 10px 0}.chord-diagram{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px var(--shadow);min-width:130px;padding:8px 10px 10px;pointer-events:none;position:fixed;text-align:center;-webkit-user-select:none;user-select:none;z-index:400}.chord-diagram__title{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;margin-bottom:4px}.chord-diagram__svg{display:block;margin:0 auto}.chord-diagram__no-data{color:var(--text-secondary);font-size:.72rem;padding:8px 4px}.chord-diagram__time{font-feature-settings:"tnum";border-top:1px solid var(--border);color:var(--text-secondary);font-size:.7rem;font-variant-numeric:tabular-nums;margin-top:4px;padding:4px 0 2px;text-align:center}.chord-diagram__beat{opacity:.75}.playback-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;gap:6px;padding:4px 8px;width:220px}.playback-bar__btn{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:2px 4px;transition:background .12s,color .12s}.playback-bar__btn:hover:not(:disabled){background:var(--bg-elevated)}.playback-bar__btn:disabled{cursor:default;opacity:.3}.playback-bar__btn--play{align-items:center;background:var(--accent-muted);border-radius:50%;color:var(--accent);display:flex;font-size:1rem;height:26px;justify-content:center;width:26px}.playback-bar__btn--play.playing,.playback-bar__btn--play:hover:not(:disabled){background:var(--accent);color:var(--bg-primary)}.playback-bar__time{font-feature-settings:"tnum";color:var(--text-secondary);flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;min-width:32px;white-space:nowrap}.playback-bar__time--total{text-align:right}.playback-bar__scrubber{accent-color:var(--accent);appearance:none;background:var(--border);border-radius:2px;cursor:pointer;flex:1 1;height:4px;min-width:60px;outline:none}.playback-bar__scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px var(--accent-muted);cursor:pointer;height:12px;margin-top:-4px;width:12px}.playback-bar__scrubber::-webkit-slider-runnable-track{border-radius:2px;height:4px}.playback-bar__scrubber::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.playback-bar__scrubber:disabled{cursor:default;opacity:.3}.strum-display{align-items:center;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;display:inline-flex;gap:6px;padding:4px 8px;-webkit-user-select:none;user-select:none}.strum-display--empty{opacity:.45}.strum-display__label{color:var(--text-secondary);flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.strum-display__body{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.strum-display__grid{align-items:flex-start;display:flex;gap:0}.strum-display__confidence{color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:.58rem;letter-spacing:.02em;padding-left:1px}.strum-cell{align-items:center;display:flex;flex-direction:column;width:15px}.strum-cell--onbeat{border-left:1px solid var(--border);margin-left:1px;padding-left:1px}.strum-cell--onbeat:first-of-type{border-left:none;margin-left:0;padding-left:0}.strum-cell__arrow{color:var(--text-secondary);font-size:.85rem;line-height:1.1;opacity:.35}.strum-cell--D .strum-cell__arrow{color:var(--accent);font-weight:700;opacity:1}.strum-cell--U .strum-cell__arrow{color:var(--accent);opacity:.65}.strum-cell__count{color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:.58rem;letter-spacing:0;line-height:1.3}.strum-cell--onbeat .strum-cell__count{color:var(--text-secondary);opacity:.9}.song-library-overlay{background:#00000059;inset:0;position:fixed;z-index:200}.song-library{background:var(--bg-secondary);border-right:1px solid var(--border);box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;left:0;max-width:92vw;overflow:hidden;position:fixed;top:0;width:340px;z-index:201}.song-library__header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}.song-library__title{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0}.song-library__close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px 6px}.song-library__close:hover{background:var(--bg-elevated)}.song-library__empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:.88rem;gap:6px;justify-content:center;padding:32px 24px;text-align:center}.song-library__empty p{line-height:1.5;margin:0}.song-library__list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:8px 0}.song-library__item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:10px 16px}.song-library__item:hover{background:var(--bg-elevated)}.song-library__item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.song-library__item-title{color:var(--text-primary);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-library__item-meta{color:var(--text-secondary);font-size:.75rem;margin-top:2px}.song-library__item-actions{display:flex;flex-shrink:0;gap:6px}.song-library__btn{border:none;border-radius:5px;cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 10px;transition:background .15s}.song-library__btn--load{background:#6366f1;background:var(--accent,#6366f1);color:#fff}.song-library__btn--load:hover{filter:brightness(1.1)}.song-library__btn--delete{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.song-library__btn--delete.confirming,.song-library__btn--delete:hover{background:var(--danger-bg);border-color:var(--danger-text);color:var(--danger-text)}.song-library__btn--secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.song-library__btn--secondary:hover:not(:disabled){filter:brightness(.95)}.song-library__btn--secondary:disabled{cursor:not-allowed;opacity:.4}.song-library__footer{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:14px 16px}
/*# sourceMappingURL=main.92c0f76e.css.map*/