.drawer.svelte-uoov0r{background-color:var(--bg-main);z-index:var(--z-drawer);max-width:var(--app-max-width);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0;overflow-y:auto}.piano-diagram.svelte-1vit31y{align-items:center;gap:var(--space-xs);flex-direction:column;width:100%;min-width:0;display:flex}.piano-diagram.svelte-1vit31y svg:where(.svelte-1vit31y){width:100%;max-width:100%;height:auto}.chord-label.svelte-1vit31y{color:var(--text-primary);font-weight:700;font-size:var(--text-h3)}.white-key.svelte-1vit31y{fill:#fff;stroke:#1f1f1f;stroke-width:1px}.black-key.svelte-1vit31y{fill:#1f1f1f;stroke:#1f1f1f;stroke-width:1px}.dot.svelte-1vit31y{stroke:none}.dot-on-white.svelte-1vit31y{fill:#1f1f1f}.dot-on-black.svelte-1vit31y{fill:#fff;stroke:#1f1f1f;stroke-width:1px}.dot-on-white.dot-seventh.svelte-1vit31y{fill:#6b6b6b}.dot-on-black.dot-seventh.svelte-1vit31y{fill:#d8d8d8}.keyboard-grid.svelte-16q57n{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.grid.svelte-16q57n{gap:var(--space-md);grid-template-columns:repeat(2,1fr);justify-content:center;width:100%;display:grid}.header.svelte-14yta01{padding:var(--space-md);justify-content:flex-start;align-items:center;display:flex}.btn-back.svelte-14yta01{height:36px;padding:0 var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-main);color:var(--text-secondary);font-weight:600;font-size:var(--text-sm,.9em);align-items:center;gap:var(--space-xs);cursor:pointer;display:flex}.content.svelte-14yta01{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.title-block.svelte-14yta01 h1:where(.svelte-14yta01){margin-bottom:0}.song-title.svelte-14yta01{text-align:center;font-size:var(--text-h1);color:var(--accent-brand);margin-bottom:var(--space-xs)}.artist.svelte-14yta01,.keys.svelte-14yta01{text-align:center;margin:0 0 var(--space-xs) 0;color:var(--text-secondary);font-size:var(--text-sm)}.chords-line.svelte-14yta01{text-align:center;font-weight:600;font-size:var(--text-sm);margin:0}.toolbar.svelte-14yta01{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;flex-wrap:wrap;display:flex}.toolbar.svelte-14yta01 button:where(.svelte-14yta01):disabled{opacity:.3;cursor:not-allowed}.icon-box.svelte-14yta01{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-main);width:44px;height:44px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-box.svelte-14yta01:hover{border-color:var(--color-border-active,var(--text-secondary))}.rocker.svelte-14yta01{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-main);flex-shrink:0;align-items:stretch;height:44px;display:flex;overflow:hidden}.rocker.svelte-14yta01 button:where(.svelte-14yta01){width:44px;height:100%;color:var(--text-primary);border-radius:0;justify-content:center;align-items:center;display:flex}.rocker.svelte-14yta01 button:where(.svelte-14yta01):hover{background:var(--bg-surface)}.rocker-divider.svelte-14yta01{background:var(--color-border);width:1px}.colour-picker.svelte-14yta01{position:relative}.colour-select.svelte-14yta01{gap:var(--space-xs);width:auto;padding:0 var(--space-sm)}.colour-swatch.svelte-14yta01{border-radius:var(--radius-full);border:1px solid var(--color-border);width:18px;height:18px;display:inline-block}.colour-menu.svelte-14yta01{top:calc(100% + var(--space-xs));z-index:var(--z-menu);background:var(--bg-main);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-sm);align-items:center;gap:var(--space-sm);display:flex;position:absolute;left:50%;transform:translate(-50%)}.colour-option.svelte-14yta01{border-radius:var(--radius-full);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.colour-option.svelte-14yta01:hover,.colour-option.active.svelte-14yta01{background:var(--bg-surface)}.keyboards.svelte-14yta01{padding:var(--space-sm) 0}.chord-sheet.svelte-14yta01{font-family:var(--font-family-mono)}.sheet-line.svelte-14yta01{flex-direction:column;display:flex}.sheet-line-blank.svelte-14yta01{height:1em}.chord-row.svelte-14yta01{color:var(--chord-colour,var(--accent-brand));white-space:pre;font-weight:700;line-height:1;font-family:var(--font-family-mono)}.lyric-row.svelte-14yta01{white-space:pre;font-weight:400;line-height:1;font-family:var(--font-family-mono)}.empty.svelte-14yta01{color:var(--text-secondary);text-align:center;padding:var(--space-xl) 0}.video-section.svelte-14yta01{margin-top:var(--space-md)}.video-separator.svelte-14yta01{background:var(--color-separator);height:1px;margin-bottom:var(--space-sm)}.video-row.svelte-14yta01{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary);display:flex}.video-row-title.svelte-14yta01{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm,.9em);color:var(--text-secondary);flex:auto;overflow:hidden}.video-row-icon-btn.svelte-14yta01{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.video-embed.svelte-14yta01{margin-bottom:var(--space-sm)}.video-embed.svelte-14yta01 iframe:where(.svelte-14yta01){aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%}.video-fallback.svelte-14yta01{margin-bottom:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-surface);text-align:center}.video-fallback.svelte-14yta01 p:where(.svelte-14yta01){margin:0 0 var(--space-md) 0;color:var(--text-primary)}.video-fallback-actions.svelte-14yta01{justify-content:center;gap:var(--space-md);display:flex}.btn-modal.svelte-14yta01{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-main);color:var(--text-primary);cursor:pointer;flex:1;font-weight:600}.btn-modal.btn-modal-primary.svelte-14yta01{border-color:var(--accent-brand);background:var(--accent-brand);color:#fff}.header.svelte-71wu73{padding:var(--space-md);justify-content:space-between;align-items:center;display:flex}.btn-pill.svelte-71wu73{height:36px;padding:0 var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-main);color:var(--text-secondary);font-weight:600;font-size:var(--text-sm,.9em);cursor:pointer}.btn-pill-save.svelte-71wu73{color:var(--text-secondary);border-color:var(--color-border)}.btn-pill-save.active.svelte-71wu73{color:var(--accent-brand);border-color:var(--accent-brand)}.btn-pill-save.svelte-71wu73:disabled{cursor:default}.content.svelte-71wu73{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.form-group.svelte-71wu73{gap:var(--space-xs);flex-direction:column;display:flex}input.svelte-71wu73,textarea.svelte-71wu73{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-base)}.form-group.svelte-71wu73 input:where(.svelte-71wu73){height:44px}.input-hint.svelte-71wu73{color:#aaa;font-weight:400}.parse-error.svelte-71wu73{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:#9b2c26;background:#fdecea;border:1px solid #f5c2c0}.parse-error.svelte-71wu73 p:where(.svelte-71wu73){margin:0 0 var(--space-xs) 0}.parse-error.svelte-71wu73 .tip:where(.svelte-71wu73){opacity:.85;font-size:.85em}.toolbar.svelte-71wu73{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.toolbar-spacer.svelte-71wu73{flex:auto;min-width:0}.toolbar-btn.svelte-71wu73{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-main);color:#ccc;cursor:not-allowed;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.toolbar-btn.svelte-71wu73:not(:disabled){color:#777;cursor:pointer}.toolbar-btn.svelte-71wu73:not(:disabled):hover{border-color:#777}.toolbar-btn.svelte-71wu73:disabled{opacity:1}.textarea-wrapper.svelte-71wu73{width:100%;position:relative}.canvas.svelte-71wu73{resize:none;width:100%;min-height:200px;font-family:var(--font-family-mono);white-space:pre-wrap;overflow-wrap:break-word;background:var(--bg-main);overflow:hidden}.placeholder-helper.svelte-71wu73{top:var(--space-sm);left:var(--space-sm);pointer-events:none;color:var(--text-secondary);font-size:.9em;line-height:1.5;position:absolute}.placeholder-helper.svelte-71wu73 p:where(.svelte-71wu73){margin:0 0 var(--space-xs) 0}.placeholder-sources.svelte-71wu73{bottom:var(--space-md);left:var(--space-sm);right:var(--space-sm);pointer-events:none;color:#aaa;font-size:.85em;line-height:1.4;position:absolute}.placeholder-sources.svelte-71wu73 a:where(.svelte-71wu73){color:#aaa;pointer-events:auto;text-decoration:underline}.preview-canvas.svelte-71wu73{background:var(--bg-surface);min-height:200px;padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-family-mono)}.empty-preview.svelte-71wu73{color:var(--text-secondary);margin:0}.preview-line.svelte-71wu73{margin-bottom:var(--space-sm);flex-direction:column;display:flex}.preview-line-blank.svelte-71wu73{height:1em}.chord-row.svelte-71wu73{color:var(--accent-brand);white-space:pre;font-weight:700;line-height:1.2;font-family:var(--font-family-mono);margin-bottom:2px}.lyric-row.svelte-71wu73{white-space:pre;font-weight:400;line-height:1.3;font-family:var(--font-family-mono)}.actions.svelte-71wu73{z-index:10;background:var(--bg-main);padding:var(--space-sm) var(--space-md) max(var(--space-sm), env(safe-area-inset-bottom));margin:0 calc(-1 * var(--space-md));border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000d}.primary.svelte-71wu73{background-color:var(--accent-brand);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none}.btn-pill-primary.svelte-71wu73{background-color:var(--accent-brand);color:#fff;border-color:var(--accent-brand)}.btn-pill-primary.svelte-71wu73:disabled{background-color:var(--color-border);border-color:var(--color-border);color:var(--text-secondary);opacity:1;cursor:not-allowed}.edit-preview-toggle.svelte-71wu73{border:1px solid var(--accent-brand);border-radius:var(--radius-sm);height:36px;margin-left:auto;display:flex;overflow:hidden}.edit-preview-toggle.disabled.svelte-71wu73{border-color:var(--color-border)}.toggle-segment.svelte-71wu73{height:100%;padding:0 var(--space-md);background:var(--bg-main);color:var(--accent-brand);font-weight:600;font-size:var(--text-sm,.9em);cursor:pointer;border:none}.toggle-segment.active.svelte-71wu73{background:var(--accent-brand);color:#fff;cursor:default}.edit-preview-toggle.disabled.svelte-71wu73 .toggle-segment:where(.svelte-71wu73){color:var(--text-secondary);background:var(--bg-main);cursor:not-allowed}.edit-preview-toggle.disabled.svelte-71wu73 .toggle-segment.active:where(.svelte-71wu73){background:var(--color-border);color:var(--text-secondary)}button.svelte-71wu73:disabled{opacity:.4;cursor:not-allowed}.delete-section.svelte-71wu73{margin-top:var(--space-md);justify-content:center;display:flex}.btn-danger.svelte-71wu73{color:var(--color-danger,#d9383a);cursor:pointer;font-weight:400;font-size:var(--text-base);background:0 0;border:none}.transpose.svelte-71wu73{gap:var(--space-sm);flex-direction:column;display:flex}.transpose-heading.svelte-71wu73{font-size:var(--text-h3);color:var(--text-primary);text-align:left;font-weight:400}.transpose-row.svelte-71wu73{align-items:stretch;gap:var(--space-sm);flex-wrap:wrap;width:100%;display:flex}.key-selector.svelte-71wu73{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-main);flex:auto;align-items:stretch;min-width:140px;height:36px;display:flex;overflow:hidden}.chevron-btn.svelte-71wu73{color:#fff;background:#777;border-radius:0;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:100%;display:flex}.chevron-btn.svelte-71wu73:hover{background:#666}.key-display.svelte-71wu73{min-width:0;padding:0 var(--space-sm);background:var(--bg-surface);color:var(--accent-brand);font-weight:700;font-size:var(--text-h3);white-space:nowrap;flex:auto;justify-content:center;align-items:center;display:flex}.key-divider.svelte-71wu73{background:var(--color-border);flex:0 0 1px;width:1px}.key-steps.svelte-71wu73{min-width:0;padding:0 var(--space-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm,.9em);white-space:nowrap;flex:auto;justify-content:center;align-items:center;display:flex}.chord-progression.svelte-71wu73{align-content:stretch;gap:var(--space-xs);flex-wrap:wrap;flex:none;display:flex}.chord-chip.svelte-71wu73{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:36px;padding:0 var(--space-sm);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.original-key-row.svelte-71wu73{justify-content:flex-end;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--text-sm,.9em);display:flex}.original-key-sep.svelte-71wu73{color:var(--color-border)}.btn-link.svelte-71wu73{color:var(--accent-brand);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}hr.svelte-71wu73{border:none;border-top:1px solid var(--color-separator);margin:var(--space-md) 0}.video-dropdown.svelte-71wu73{gap:var(--space-sm);flex-direction:column;display:flex}.video-dropdown-toggle.svelte-71wu73{cursor:pointer;width:100%;font:inherit;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.video-dropdown-label.svelte-71wu73{font-size:var(--text-base)}.video-dropdown-sep.svelte-71wu73{border:none;border-top:1px solid var(--color-separator);margin:0}.video-dropdown-content.svelte-71wu73{gap:var(--space-md);flex-direction:column;display:flex}.video-url-row.svelte-71wu73{align-items:stretch;gap:var(--space-sm);display:flex}.video-url-input.svelte-71wu73{text-overflow:ellipsis;flex:auto;min-width:0}.video-url-input.svelte-71wu73:focus{border-color:var(--accent-brand);outline:none}.video-url-input.readonly-url.svelte-71wu73{background:var(--bg-surface);color:var(--text-secondary);cursor:default}.video-url-confirm-btn.svelte-71wu73{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-main);width:44px;height:44px;color:var(--color-border);cursor:not-allowed;flex-shrink:0;justify-content:center;align-items:center;display:flex}.video-url-confirm-btn.active.svelte-71wu73{color:var(--accent-brand);border-color:var(--accent-brand);cursor:pointer}.video-url-confirm-btn.success.svelte-71wu73{color:var(--accent-brand);border-color:var(--accent-brand);cursor:default}.video-url-error.svelte-71wu73{color:#9b2c26;margin:0;font-size:.85em}.video-title-row.svelte-71wu73{align-items:stretch;gap:var(--space-sm);display:flex}.video-title-row.svelte-71wu73 input:where(.svelte-71wu73){background:var(--bg-main);flex:auto;min-width:0}.video-title-row.svelte-71wu73 input:where(.svelte-71wu73):disabled{cursor:not-allowed;background:var(--bg-main);color:var(--text-secondary);border-color:var(--color-border)}.video-title-row.svelte-71wu73 input:where(.svelte-71wu73):not(:disabled){border-color:var(--accent-brand)}.video-title-row.svelte-71wu73 input:where(.svelte-71wu73):not(:disabled):focus{border-color:var(--accent-brand);outline:none}.video-confirm-btn.svelte-71wu73{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-main);width:44px;height:44px;color:var(--color-border);cursor:not-allowed;flex-shrink:0;justify-content:center;align-items:center;display:flex}.video-confirm-btn.active.svelte-71wu73{color:var(--accent-brand);border-color:var(--accent-brand);cursor:pointer}.video-confirm-btn.svelte-71wu73:disabled{color:var(--color-border);border-color:var(--color-border);cursor:not-allowed}.video-cancel-edit.svelte-71wu73{margin-top:var(--space-xs);color:var(--accent-brand);cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85em}.video-links-list.svelte-71wu73{gap:var(--space-xs);flex-direction:column;display:flex}.video-link-row.svelte-71wu73{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--bg-surface);border-radius:var(--radius-md);display:flex}.video-link-title.svelte-71wu73{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-base);flex:auto;overflow:hidden}.video-link-icon-btn.svelte-71wu73{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.video-preview.svelte-71wu73{margin:0 0 var(--space-sm) 0}.video-preview.svelte-71wu73 iframe:where(.svelte-71wu73){aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%}.video-preview-fallback.svelte-71wu73{padding:var(--space-sm);color:var(--text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-surface);margin:0;font-size:.9em}.modal.svelte-71wu73{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content.svelte-71wu73{padding:var(--space-md);border-radius:var(--radius-md);background:#fff;max-width:400px}.modal-actions.svelte-71wu73{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md);display:flex}.modal-overlay.svelte-71wu73{max-width:var(--app-max-width);z-index:var(--z-menu);padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;margin:0 auto;display:flex;position:fixed;inset:0}.delete-modal-content.svelte-71wu73{background:var(--bg-main);border-radius:var(--radius-md);padding:var(--space-lg);width:100%;max-width:340px;box-shadow:var(--shadow-lg)}.delete-modal-content.svelte-71wu73 p:where(.svelte-71wu73){margin:0 0 var(--space-lg) 0;text-align:center}.delete-modal-actions.svelte-71wu73{justify-content:center;gap:var(--space-md);display:flex}.btn-modal.svelte-71wu73{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-main);color:var(--text-primary);cursor:pointer;flex:1;font-weight:600}.btn-modal.btn-modal-danger.svelte-71wu73{color:#fff;background:#d9383a;border-color:#d9383a}.fix-key-input.svelte-71wu73{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-base);box-sizing:border-box;margin-bottom:var(--space-lg)}.library.svelte-1uha8ag{min-height:100vh;padding:var(--space-md);flex-direction:column;display:flex}header.svelte-1uha8ag{height:46px;margin-bottom:var(--space-sm);justify-content:center;align-items:center;padding:0;display:flex}.header-separator.svelte-1uha8ag{background-color:var(--color-border);width:100vw;height:1px;margin:0 calc(50% - 50vw);margin-bottom:var(--space-md)}.toolbar.svelte-1uha8ag{align-items:stretch;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.search-box.svelte-1uha8ag{flex:1;min-width:0;position:relative}.search-box.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;height:44px;padding:0 var(--space-xl) 0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);background:var(--bg-main);color:var(--text-primary);box-sizing:border-box}.search-box.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder{color:var(--text-secondary)}.search-box.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:var(--accent-brand);outline:none}.search-box.svelte-1uha8ag input:where(.svelte-1uha8ag):disabled{opacity:.5;cursor:not-allowed}.search-box.svelte-1uha8ag .search-icon{right:var(--space-sm);color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.icon-box.svelte-1uha8ag{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-main);width:44px;height:44px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-box.svelte-1uha8ag:hover{border-color:var(--color-border-active,var(--text-secondary))}.icon-box.active.svelte-1uha8ag{background:var(--accent-brand);border-color:var(--accent-brand);color:#fff}.icon-box.disabled.svelte-1uha8ag{opacity:.5;cursor:not-allowed}.icon-box.disabled.svelte-1uha8ag:hover{border-color:var(--color-border)}.icon-box-primary.svelte-1uha8ag{background:var(--accent-brand);border-color:var(--accent-brand)}.icon-box-primary.svelte-1uha8ag:hover{background:#4a1d99;border-color:#4a1d99}.empty-state.svelte-1uha8ag{text-align:center;padding:var(--space-xl) 0;color:var(--text-secondary);flex-direction:column;flex:1 0 auto;align-items:center;display:flex}.watermark.svelte-1uha8ag{opacity:.15;width:75%;margin-bottom:var(--space-lg)}.letter-group.svelte-1uha8ag{margin-bottom:var(--space-md)}.letter-header.svelte-1uha8ag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) 0;margin-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:700}.song-card.svelte-1uha8ag{padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.song-info.svelte-1uha8ag{min-width:0}.song-title.svelte-1uha8ag{color:var(--accent-brand);font-weight:700;font-size:var(--text-base);text-decoration:none;display:block}.song-title.svelte-1uha8ag:hover{text-decoration:underline}.song-artist.svelte-1uha8ag{font-size:var(--text-sm,.875rem);color:var(--text-secondary);margin-top:2px}.song-key.svelte-1uha8ag{font-size:var(--text-xs,.75rem);color:var(--text-secondary);margin-top:var(--space-xs)}.actions.svelte-1uha8ag{align-items:center;gap:var(--space-md);flex-shrink:0;padding-top:1px;display:flex}.actions.svelte-1uha8ag .btn-icon:where(.svelte-1uha8ag){cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.modal-overlay.svelte-1uha8ag{max-width:var(--app-max-width);z-index:var(--z-menu);padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;margin:0 auto;display:flex;position:fixed;inset:0}.modal-content.svelte-1uha8ag{background:var(--bg-main);border-radius:var(--radius-md);padding:var(--space-lg);width:100%;max-width:340px;box-shadow:var(--shadow-lg)}.modal-content.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 var(--space-lg) 0;text-align:center}.modal-actions.svelte-1uha8ag{justify-content:center;gap:var(--space-md);display:flex}.btn-modal.svelte-1uha8ag{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-main);color:var(--text-primary);cursor:pointer;flex:1;font-weight:600}.btn-modal.btn-danger.svelte-1uha8ag{color:#fff;background:#d9383a;border-color:#d9383a}.btn-empty-state.svelte-1uha8ag{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--accent-brand);color:#fff;font-weight:600}.btn-empty-state.svelte-1uha8ag:hover{background-color:#4a1d99}.import-export-panel.svelte-1uha8ag{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-main);border:1px solid var(--color-border);border-radius:var(--radius-md)}.import-export-title-row.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.import-export-title.svelte-1uha8ag{font-size:var(--text-base);color:var(--text-secondary);font-weight:700}.status-pill.svelte-1uha8ag{font-size:var(--text-xs,.75rem);color:#fff;background:var(--text-secondary);padding:2px var(--space-sm);border-radius:var(--radius-full);flex-shrink:0}.status-pill.error.svelte-1uha8ag{background:var(--color-danger,#d9383a)}.import-export-buttons.svelte-1uha8ag{gap:var(--space-md);display:flex}.btn-flat.svelte-1uha8ag{border-radius:var(--radius-sm);background:var(--bg-surface-dark);height:44px;color:var(--text-secondary);cursor:pointer;border:none;flex:1 1 0;justify-content:center;align-items:center;font-weight:600;display:flex}.btn-flat.svelte-1uha8ag:hover{background:#e6e6e6}