:root{--bg:#fff;--surface:#fff;--surface-2:#f5f5f4;--text:#111;--muted:#6b645f;--border:#e7e5e4;--border-strong:#d6d3d1;--chord:#c8102e;--accent:#1c1917;--accent-text:#fafaf9;--focus:#2563eb;--danger:#b91c1c;--danger-bg:#fef2f2;--warning:#92400e;--warning-bg:#fffbeb;--success:#166534;--success-bg:#f0fdf4;--highlight:#fde68a;--shadow:0 1px 2px #0000000f, 0 4px 16px #00000014;--radius:10px;--radius-sm:6px;--gutter:16px;--bar-height:56px;--touch:44px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0a09;--surface:#1c1917;--surface-2:#292524;--text:#f5f5f4;--muted:#a8a29e;--border:#292524;--border-strong:#44403c;--chord:#fbbf24;--accent:#f5f5f4;--accent-text:#1c1917;--focus:#60a5fa;--danger:#f87171;--danger-bg:#2a1212;--warning:#fbbf24;--warning-bg:#2a2110;--success:#4ade80;--success-bg:#0f2417;--highlight:#713f12;--shadow:0 1px 2px #0006, 0 4px 16px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c0a09;--surface:#1c1917;--surface-2:#292524;--text:#f5f5f4;--muted:#a8a29e;--border:#292524;--border-strong:#44403c;--chord:#fbbf24;--accent:#f5f5f4;--accent-text:#1c1917;--focus:#60a5fa;--danger:#f87171;--danger-bg:#2a1212;--warning:#fbbf24;--warning-bg:#2a2110;--success:#4ade80;--success-bg:#0f2417;--highlight:#713f12;--shadow:0 1px 2px #0006, 0 4px 16px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{margin:0;line-height:1.2}.app-bar{z-index:20;min-height:var(--bar-height);padding:0 var(--gutter);padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex;position:sticky;top:0}.app-bar__title{align-items:center;gap:8px;margin-right:auto;font-size:18px;font-weight:700;text-decoration:none;display:flex}.app-nav{gap:4px;display:flex}.app-nav a{border-radius:var(--radius-sm);min-height:40px;color:var(--muted);align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.app-nav a.active,.app-nav a:hover{color:var(--text);background:var(--surface-2)}@media (max-width:599px){.app-nav .nav-label{display:none}}.page{max-width:960px;padding:var(--gutter);padding-bottom:calc(var(--gutter) * 3 + env(safe-area-inset-bottom));margin:0 auto}.page--wide{max-width:1400px}.page-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header h1{margin-right:auto;font-size:24px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:14px}.btn{min-height:var(--touch);min-width:var(--touch);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn--primary:hover{background:var(--accent);opacity:.9}.btn--danger{color:var(--danger)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2)}.btn--icon{padding:0}.btn--small{min-width:34px;min-height:34px;padding:0 10px;font-size:14px}.btn[aria-pressed=true]{background:var(--surface-2);border-color:var(--text)}.input,.select,.textarea{min-height:var(--touch);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;padding:8px 12px}.textarea{font-family:var(--font-mono);resize:vertical;font-size:14px;line-height:1.5}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.field--error .input{border-color:var(--danger)}.chip{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;min-height:36px;padding:0 12px;font-size:14px;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge--warning{background:var(--warning-bg);color:var(--warning)}.notice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:12px 14px}.notice--error{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}.notice--warning{background:var(--warning-bg);border-color:color-mix(in srgb, var(--warning) 40%, transparent);color:var(--warning)}.notice--success{background:var(--success-bg);border-color:color-mix(in srgb, var(--success) 40%, transparent);color:var(--success)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);cursor:pointer;border:0;min-height:40px;padding:0 14px}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.popover{z-index:40;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;position:absolute}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:min(560px,100%);max-height:85vh;padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow);overflow:auto}@media (min-width:600px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius)}}.sheet__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sheet__header h2{margin-right:auto;font-size:18px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.setting-row:last-child{border-bottom:0}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:3ch;font-weight:600}.switch{width:22px;height:22px;accent-color:var(--text)}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;border-radius:var(--radius);background:var(--text);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow);padding:10px 16px;position:fixed;transform:translate(-50%)}.search{position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{min-height:48px;padding-left:40px;font-size:17px}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.song-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.song-list li{border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 64px;align-items:center;display:flex}.song-list__link{flex:1;align-items:center;gap:12px;min-width:0;min-height:64px;padding:10px 4px;text-decoration:none;display:flex}.song-list__link:hover .song-list__title{text-decoration:underline}.song-list__number{text-align:right;font-variant-numeric:tabular-nums;width:3.2em;color:var(--muted);flex:none;font-weight:700}.song-list__body{flex:1;min-width:0}.song-list__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.song-list__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.favorite-btn{color:var(--muted)}.favorite-btn[aria-pressed=true]{color:var(--chord)}.empty{text-align:center;color:var(--muted);padding:48px 16px}.song-toolbar{z-index:30;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:6px var(--gutter);padding-top:calc(6px + env(safe-area-inset-top));position:sticky;top:0}.song-toolbar__inner{flex-wrap:wrap;align-items:center;gap:6px;max-width:1400px;margin:0 auto;display:flex}.song-toolbar__title{text-overflow:ellipsis;white-space:nowrap;flex:200px;min-width:0;font-weight:700;overflow:hidden}.key-control{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);align-items:center;display:inline-flex}.key-control .btn{background:0 0;border:0}.key-control select{min-height:var(--touch);border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;text-align-last:center;min-width:5.5em;color:var(--chord);cursor:pointer;background:0 0;padding:0 6px;font-size:17px;font-weight:700}.key-info{color:var(--muted);font-size:14px}.key-info strong{color:var(--text)}.song-page{max-width:1400px;padding:20px var(--gutter) 40vh;margin:0 auto}.song-heading{margin-bottom:20px}.song-heading h1{font-size:calc(var(--lyrics-size,20px) * 1.3)}.song-heading .muted{margin-top:4px}.lock-overlay{z-index:35;touch-action:pan-y;background:0 0;position:fixed;inset:0}.lock-button{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:36;box-shadow:var(--shadow);position:fixed}.autoscroll-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:34;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:fixed;transform:translate(-50%)}.autoscroll-bar input[type=range]{width:120px;accent-color:var(--text)}.song{--lyrics-size:20px;--chords-size:18px;font-size:var(--lyrics-size)}.song-section{break-inside:avoid;margin:0 0 1.4em}.song-section__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.35em;font-size:max(12px,.62em);font-weight:700}.song-section--chorus .song-section__body{border-left:3px solid var(--border-strong);padding-left:.75em}.song-repeat{color:var(--muted);margin:0 0 1.4em;font-style:italic}.song-line{flex-wrap:wrap;align-items:flex-end;margin:0 0 .3em;display:flex}.song-line--comment{color:var(--muted);font-size:.85em;font-style:italic;display:block}.song-word{align-items:flex-end;display:inline-flex}.song-piece{flex-direction:column;display:inline-flex}.song-chord{font-size:var(--chords-size);color:var(--chord);white-space:nowrap;gap:.5em;padding-right:.45em;font-weight:700;line-height:1.2;display:flex}.song-chord--overflow{width:0;overflow:visible}.song-chord--annotation{color:var(--muted);font-style:italic;font-weight:500}.song-lyric{white-space:pre;line-height:1.35}.song-lyric:empty{display:none}.song-lyric--spacer:empty{min-height:1.35em;display:block}.song--no-chords .song-chord,.song--no-chords .song-line--chords-only,.song--no-chords .song-line--comment{display:none}@media (min-width:900px){.song--two-columns .song-body{column-width:24em;column-rule:1px solid var(--border);column-gap:3em}}@media print{.app-bar,.song-toolbar,.autoscroll-bar,.lock-button{display:none!important}.song{--chord:#000}}.editor-layout{gap:20px;display:grid}@media (min-width:1100px){.editor-layout--preview{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start}.editor-layout--preview .editor-preview{top:calc(var(--bar-height) + 16px);max-height:calc(100vh - var(--bar-height) - 32px);position:sticky;overflow:auto}}.editor-toolbar{top:var(--bar-height);z-index:15;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex;position:sticky}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.meta-grid .field--wide{grid-column:1/-1}@media (min-width:700px){.meta-grid .field--half{grid-column:span 2}}.editor-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.editor-section--repeat{border-style:dashed}.editor-section__header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.editor-section__header .input,.editor-section__header .select{width:auto;min-height:36px;padding:4px 8px}@media (max-width:700px){.hide-narrow{display:none}.editor-section__header{flex-wrap:nowrap}.editor-section__header .select{max-width:38%}.editor-section__header .input{min-width:0}}.editor-section__body{padding:8px 10px 10px}.editor-line{border-radius:var(--radius-sm);align-items:flex-end;gap:4px;margin:0 -6px;padding:2px 6px;display:flex}.editor-line:hover{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.editor-line--active{background:color-mix(in srgb, var(--chord) 7%, var(--surface))}.editor-line--issue{background:var(--warning-bg)}.editor-line--highlight{outline:2px solid var(--chord)}.line-grip{border-radius:var(--radius-sm);width:26px;height:36px;color:var(--border-strong);cursor:grab;background:0 0;border:0;flex:none;align-self:flex-end;place-items:center;margin-bottom:2px;padding:0;display:inline-grid}.editor-line:hover .line-grip,.line-grip:focus-visible{color:var(--muted)}.line-grip:hover{color:var(--text);background:var(--surface-2)}.line-grip[aria-pressed=true]{color:var(--focus)}.editor-line--selected,.editor-line--selected:hover{background:color-mix(in srgb, var(--focus) 12%, var(--surface));box-shadow:inset 3px 0 0 var(--focus)}.editor-line--drop-before{box-shadow:inset 0 3px 0 var(--focus)}.editor-line--drop-after,.editor-section__header--drop,.editor-section__end--drop{box-shadow:inset 0 -3px 0 var(--focus)}.editor-section--drop-before{box-shadow:0 -4px 0 var(--focus)}.editor-section--drop-after{box-shadow:0 4px 0 var(--focus)}.editor-section__empty{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:10px;font-style:italic}.item-grip{width:24px;height:36px;color:var(--muted);cursor:grab;border-radius:var(--radius-sm);place-items:center;display:inline-grid}.item-grip:hover{color:var(--text);background:var(--surface-2)}.selection-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;border:1px solid color-mix(in srgb, var(--focus) 35%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--focus) 8%, var(--surface));width:max-content;max-width:min(1100px,100% - 32px);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex;position:fixed;transform:translate(-50%)}.selection-bar__count{margin-right:4px;font-size:14px}.selection-bar__group{align-items:center;gap:4px;display:inline-flex}.selection-bar__close{margin-left:auto}@media (max-width:1099px){.visual-editor--selecting .chord-palette{display:none}}.visual-editor--selecting{padding-bottom:120px}body:has(.selection-bar) .toast{bottom:calc(140px + env(safe-area-inset-bottom))}.select--small{width:auto;min-height:36px;padding:4px 8px;font-size:14px}.editor-line__main{flex:1;min-width:0;font-size:19px;overflow-x:auto}.chord-lane{cursor:pointer;border-radius:4px;height:34px;position:relative}.chord-lane:hover{background:repeating-linear-gradient(90deg, transparent 0 7px, color-mix(in srgb, var(--chord) 10%, transparent) 7px 8px)}.chord-chip{border:1.5px solid color-mix(in srgb, var(--chord) 45%, transparent);background:color-mix(in srgb, var(--chord) 16%, var(--surface));height:28px;color:var(--chord);white-space:nowrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;border-radius:6px;align-items:center;padding:0 7px;font-size:17px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:3px}.chord-chip:after{content:"";background:var(--chord);width:2px;height:7px;position:absolute;bottom:-7px;left:-1.5px}.chord-chip:hover{background:color-mix(in srgb, var(--chord) 26%, var(--surface))}.chord-chip--annotation{color:var(--muted);border-style:dashed;border-color:var(--border-strong);background:var(--surface-2);font-size:15px;font-style:italic;font-weight:600}.chord-chip--annotation:after{background:var(--border-strong)}.chord-chip--unknown{color:var(--danger);border-color:var(--danger);background:var(--surface);border-style:dashed}.chord-chip:focus-visible,.chord-chip--selected{background:var(--chord);border-color:var(--chord);color:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--chord) 30%, transparent);outline:none}.chord-chip--dragging{cursor:grabbing;opacity:.9;z-index:3;box-shadow:var(--shadow)}.chord-ghost{border:1.5px dashed var(--chord);min-width:26px;height:28px;color:var(--chord);pointer-events:none;z-index:2;border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:absolute;bottom:3px}.chord-ghost--pending{background:var(--chord);color:var(--surface);border-style:solid}.line-text-wrap{position:relative}.letter-marks{pointer-events:none;position:absolute;inset:0}.letter-mark{background:color-mix(in srgb, var(--chord) 55%, transparent);border-radius:2px;height:3px;position:absolute;bottom:5px}.letter-mark--hover{background:color-mix(in srgb, var(--chord) 30%, transparent);height:calc(100% - 8px);bottom:4px}.letter-mark--active{background:color-mix(in srgb, var(--chord) 28%, transparent);height:calc(100% - 8px);box-shadow:inset 0 -3px 0 var(--chord);bottom:4px}.line-text{border:0;border-bottom:1px solid var(--border);white-space:pre;background:0 0;width:100%;min-height:38px;padding:4px 0;font-size:19px;line-height:30px;display:block;position:relative}.line-text:hover{border-bottom-color:var(--border-strong)}.line-text:focus{border-bottom-color:var(--focus);outline:none}.line-text--comment{color:var(--muted);font-style:italic}.chord-lane__tail{border-left:2px dotted color-mix(in srgb, var(--chord) 35%, transparent);background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--chord) 5%, transparent) 6px 12px);pointer-events:none;border-radius:0 4px 4px 0;position:absolute;top:4px;bottom:4px}.chord-ghost--incoming{background:color-mix(in srgb, var(--chord) 18%, var(--surface));border-style:solid;padding:0 7px}.visual-editor{gap:16px;display:grid}@media (min-width:1100px){.visual-editor{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.chord-palette{top:calc(var(--bar-height) + 72px);max-height:calc(100vh - var(--bar-height) - 96px);position:sticky;overflow-y:auto}}.visual-editor--armed .chord-lane{cursor:crosshair;background:color-mix(in srgb, var(--chord) 6%, transparent)}.chord-palette{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:12px;display:flex}@media (max-width:1099px){.chord-palette{z-index:25;padding-bottom:calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0;box-shadow:0 -4px 16px #00000014}.chord-palette .chord-palette__group{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}}.chord-palette__head{flex-direction:column;gap:2px;display:flex}.chord-palette__armed{color:var(--chord);font-size:13px;font-weight:600}.chord-palette__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.chord-palette__group{flex-wrap:wrap;gap:6px;display:flex}.chord-palette__custom{gap:6px;display:flex}.chord-palette__custom .input{min-height:38px}.palette-chip{border:1.5px solid color-mix(in srgb, var(--chord) 45%, transparent);background:color-mix(in srgb, var(--chord) 12%, var(--surface));min-width:48px;min-height:40px;color:var(--chord);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:8px;padding:0 10px;font-size:17px;font-weight:700}.palette-chip:hover{background:color-mix(in srgb, var(--chord) 22%, var(--surface))}.palette-chip--annotation{color:var(--muted);border-style:dashed;border-color:var(--border-strong);background:var(--surface-2);font-size:15px;font-style:italic;font-weight:600}.palette-chip--armed{background:var(--chord);border-color:var(--chord);color:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--chord) 30%, transparent)}.palette-drag{z-index:80;background:var(--chord);color:var(--surface);pointer-events:none;box-shadow:var(--shadow);border-radius:8px;padding:5px 10px;font-size:18px;font-weight:700;position:fixed;transform:translate(-50%,-120%)}.palette-drag--outside{opacity:.55}.chord-panel{z-index:70;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(440px,100vw - 24px);box-shadow:0 8px 32px #0000002e, var(--shadow);flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed}.chord-panel--sheet{border-radius:var(--radius) var(--radius) 0 0;width:auto;max-height:70vh;padding-bottom:calc(12px + env(safe-area-inset-bottom));bottom:0;left:0;right:0;overflow-y:auto}.chord-panel__backdrop{z-index:69;background:#00000014;position:fixed;inset:0}.chord-panel__head{align-items:center;gap:8px;display:flex}.chord-panel__where{color:var(--muted);flex:1;font-size:15px}.chord-panel__word{color:var(--text);font-size:17px}.chord-panel__word mark{background:color-mix(in srgb, var(--chord) 30%, transparent);color:inherit;border-bottom:3px solid var(--chord);padding:0 1px}.chord-panel__row{align-items:center;gap:6px;display:flex}.chord-panel__input{color:var(--chord);flex:1;font-size:20px;font-weight:700}.chord-panel__error{color:var(--danger);margin:-4px 0 0}.chord-panel__keys{flex-direction:column;gap:4px;display:flex}.chord-panel__keys-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.chord-panel__keys-grid{flex-wrap:wrap;gap:5px;display:flex}.chord-key{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;touch-action:manipulation;min-width:44px;min-height:40px;padding:0 10px;font-size:16px;font-weight:600}.chord-key:hover{background:var(--surface-2)}.chord-key--root{font-weight:700}.chord-key--chord{color:var(--chord);border-color:color-mix(in srgb, var(--chord) 45%, var(--border-strong));background:color-mix(in srgb, var(--chord) 8%, var(--surface));font-weight:700}.chord-panel__move{border-top:1px solid var(--border);padding-top:8px}@media (max-width:700px){.chord-key{flex:1 0 auto;min-height:46px;font-size:17px}}.issues-list{margin:0;padding-left:20px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;padding:24px;display:flex}.dropzone--active{border-color:var(--focus);background:var(--surface-2)}.page-thumbs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.page-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.page-thumb img{aspect-ratio:3/4;object-fit:cover;object-position:top;width:100%;display:block}.page-thumb__info{padding:6px 8px;font-size:13px}.progress{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--text);height:100%;transition:width .2s}.review-layout{gap:20px;display:grid}@media (min-width:1100px){.review-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.review-scan{top:calc(var(--bar-height) + 16px);max-height:calc(100vh - var(--bar-height) - 32px);position:sticky;overflow:auto}}.scan-view{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;position:relative;overflow:hidden}.scan-view img{width:100%;height:auto;display:block}.scan-box{pointer-events:none;border:2px solid #0000;border-radius:2px;position:absolute}.scan-box--active{background:#f59e0b2e;border-color:#f59e0b}.scan-box--region{border-color:#2563eb80}.draft-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.draft-list li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;padding:10px 12px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.page--compare{max-width:1840px}.editor-compare{gap:16px;display:grid}.scan-compare{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;max-height:45vh;padding:12px;display:flex}@media (min-width:1280px){.editor-compare{grid-template-columns:minmax(0,1fr) minmax(400px,40%);align-items:start}.editor-compare>.scan-compare{top:calc(var(--bar-height) + 64px);max-height:calc(100vh - var(--bar-height) - 80px);order:2;position:sticky}}.scan-compare__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scan-compare__legend{flex-wrap:wrap;gap:12px;display:flex}.scan-compare__body{flex:1;min-height:0;position:relative;overflow:auto}.scan-compare__raw{white-space:pre-wrap;overflow:auto}.scan-compare__cols{border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;padding:2px 4px;display:grid}.scan-compare__cols>div+div{border-left:1px solid var(--border);padding-left:12px}.scan-compare__colhead{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-bottom:6px;font-size:12px;font-weight:700;position:sticky;top:0}.scan-compare__cols--changed{background:color-mix(in srgb, var(--warning-bg) 70%, transparent)}.scan-compare__missing{background:repeating-linear-gradient(135deg, transparent 0 6px, var(--surface-2) 6px 12px);min-height:2.6em}.scan-compare__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 4px 2px;font-size:11px;font-weight:700}.cmp-line{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:2px 4px;display:block}.cmp-line--pick{cursor:pointer}.cmp-line--pick:hover{background:var(--surface-2)}.cmp-line--active{box-shadow:inset 0 0 0 2px var(--chord)}.cmp-text{line-height:1.15;display:block}.cmp-seg{vertical-align:bottom;flex-direction:column;display:inline-flex}.cmp-chord{color:var(--chord);white-space:pre;padding-right:3px;font-size:13px;font-weight:700}.cmp-lyric{white-space:pre;font-size:15px}.cmp-del,.cmp-ins{border-radius:2px;padding:0}.cmp-line--drag{cursor:grab}.cmp-line--drag:hover{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--success)}.cmp-use{margin:0 0 4px 2px}.scan-compare__missing-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:6px 4px 2px;display:flex}.scan-compare__drag{border:1px dashed color-mix(in srgb, var(--success) 50%, var(--border));border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success);cursor:grab;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.cmp-del{background:var(--warning-bg);color:var(--warning);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--warning) 60%, transparent)}.cmp-ins{background:var(--success-bg);color:var(--success)}.editor-compare .editor-section__header .hide-narrow{display:none}.add-to-setlist{white-space:nowrap}.add-to-setlist[aria-pressed=true]{border-color:var(--focus);color:var(--focus);background:color-mix(in srgb, var(--focus) 10%, var(--surface))}.song-heading__actions{gap:8px;margin:4px 0 6px;display:flex}.setlist-dock{bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;display:flex;position:sticky}.setlist-dock__text{flex:180px;min-width:0;font-size:14px}.setlist-index,.setlist-items,.setlist-results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.setlist-index li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:8px;display:flex}.setlist-index__link{color:inherit;flex-direction:column;flex:1;padding:10px 12px;text-decoration:none;display:flex}.setlist-items li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.setlist-items__grip{color:var(--muted);cursor:grab;display:inline-flex}.setlist-items__pos{text-align:center;min-width:1.6em;font-weight:800}.setlist-items__title{flex:200px;min-width:0}.setlist-items__key .select{color:var(--chord);font-weight:700}.setlist-results li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.setlist-jump{border-top:1px solid var(--border);gap:6px;max-width:1400px;margin:6px auto 0;padding:6px 0 2px;display:flex;overflow-x:auto}.setlist-jump .chip{flex:none}.chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.setlist-song{border-bottom:3px double var(--border-strong);margin-bottom:24px;padding-bottom:24px;scroll-margin-top:120px}.setlist-song:last-of-type{border-bottom:0}.setlist-song__head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.setlist-song__head h2{margin:0;font-size:24px}.setlist-song__head h2 a{color:inherit;text-decoration:none}.setlist-song__pos{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.setlist-song__next{text-align:right;color:var(--muted);font-size:14px;font-style:italic}.update-banner{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);max-width:calc(100% - 32px);box-shadow:var(--shadow);align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.setlists-home{border:1px solid var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--chord) 4%, var(--surface));flex-direction:column;gap:8px;padding:12px 14px;display:flex}.setlists-home__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setlists-home__list{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.setlists-home__list a{color:inherit}@media (max-width:600px){.setlists-home__hint{display:none}}.song-list__item--archived .song-list__title,.song-list__item--archived .song-list__number{color:var(--muted)}.song-list__check{cursor:pointer;flex:none;place-items:center;width:36px;display:inline-grid}.song-list__check input{width:20px;height:20px;accent-color:var(--focus)}.preview-overlay{z-index:80;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.preview-overlay__bar{padding:8px var(--gutter);padding-top:calc(8px + env(safe-area-inset-top));border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-overlay__title{min-width:0}.preview-overlay__body{flex:1;width:100%;overflow-y:auto}@media (max-width:700px){.preview-overlay__hint{display:none}}.setlist-song__key{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}