.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}.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}.pager.svelte-16q57n{align-items:center;gap:var(--space-sm);display:flex}.page-indicator.svelte-16q57n{color:var(--text-secondary);font-size:.85em}button.svelte-16q57n:disabled{opacity:.3;cursor:not-allowed}.header.svelte-14yta01{padding:var(--space-md);justify-content:flex-start;align-items:center;display:flex}.back-link.svelte-14yta01{font-weight:600;font-size:var(--text-h3);padding:var(--space-sm) 0 var(--space-sm) 0;margin-left:calc(var(--space-sm) * -1);gap:var(--space-xs)}.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)}.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}.lyric-row.svelte-14yta01{white-space:pre-wrap;font-weight:400;line-height:1}.empty.svelte-14yta01{color:var(--text-secondary);text-align:center;padding:var(--space-xl) 0}.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}.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;display:flex}.toolbar-btn.svelte-71wu73{min-width:44px;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-main);color:#ccc;cursor:not-allowed;justify-content:center;align-items:center;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}.toolbar-btn-style.svelte-71wu73{height:36px;padding:0 var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-main);color:#777;cursor:pointer;justify-content:center;align-items:center;display:flex}.toolbar-btn-style.svelte-71wu73:hover{border-color:#777}.textarea-wrapper.svelte-71wu73{width:100%;position:relative}.canvas.svelte-71wu73{resize:vertical;width:100%;min-height:200px;font-family:var(--font-family);white-space:pre;background:var(--bg-main)}.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-helper.svelte-71wu73 a:where(.svelte-71wu73){color:var(--text-secondary);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);overflow-x:auto}.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;margin-bottom:2px;font-weight:700;line-height:1.2}.lyric-row.svelte-71wu73{white-space:pre;font-weight:400;line-height:1.3}.actions.svelte-71wu73{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.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)}.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{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}.import-export.svelte-71wu73 .buttons:where(.svelte-71wu73){gap:var(--space-md);display:flex}.import-export.svelte-71wu73 .buttons:where(.svelte-71wu73) .toolbar-btn-style:where(.svelte-71wu73){flex:1 1 0}.import-message.svelte-71wu73{color:var(--text-secondary);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-full);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}.library.svelte-1uha8ag{padding:var(--space-md)}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;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-sm);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-full);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}