:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--surface:#f4f5f7;--border:#c9ccd1;--text:#1b1d21;--muted:#5a6069;--accent:#1f5fbf;--accent-text:#fff;--chord:#a3360f;--danger:#b3261e;--warning-bg:#fff4ce;--error-bg:#fde7e7;--focus:#1f5fbf;--touch:48px;--radius:8px;--gap:12px;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171a;--surface:#1f2226;--border:#3a3f46;--text:#e7e9ec;--muted:#a2a9b3;--accent:#7fb0ff;--accent-text:#0d1b33;--chord:#ffab7a;--danger:#ff8a80;--warning-bg:#3d3412;--error-bg:#42201f;--focus:#7fb0ff}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.4}h1{margin:0;font-size:1.25rem}h2{margin:0;font-size:1.125rem}button,input,select,textarea{font:inherit;color:inherit}button,input:not([type=checkbox]),select{min-height:var(--touch)}button{min-width:var(--touch);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:0 14px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger)}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;padding:8px 10px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[aria-invalid=true]{border-color:var(--danger)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.875rem}.topbar{justify-content:space-between;align-items:center;gap:var(--gap);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:8px 16px;display:flex}.save-status{color:var(--muted);font-size:.875rem}.save-error{color:var(--danger)}.banner{margin:0;padding:10px 16px}.banner-warning{background:var(--warning-bg)}.banner-error{background:var(--error-bg)}.loading,.empty{padding:16px}.layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);min-width:0;padding:16px}.main{min-width:0;padding:16px}.song-list{gap:var(--gap);flex-direction:column;display:flex}.song-list-header{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}.songs{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.song-item{text-align:left;background:0 0;border-color:#0000;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:6px 12px;display:flex}.song-item[aria-current=true]{border-color:var(--accent);background:var(--surface)}.song-title{overflow-wrap:anywhere;font-weight:600}.song-artist{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.editor{gap:var(--gap);flex-direction:column;display:flex}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-title{overflow-wrap:anywhere;flex:auto;min-width:0}.back-button{display:none}.meta{gap:var(--gap);flex-direction:column;display:flex}.meta-row{gap:var(--gap);flex-wrap:wrap;display:flex}.field{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.field-wide{flex:240px}.field-label{margin:0;padding:0;font-size:.875rem;font-weight:600}.field-error{color:var(--danger);margin:0;font-size:.875rem}.stepper,.signature{align-items:center;gap:6px;display:flex}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3ch}.tempo-input{text-align:center;width:6ch}.signature select{width:auto}.key-value{min-height:var(--touch);align-items:center;gap:.5ch;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px}.editor-panes{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.pane{flex-direction:column;gap:4px;min-width:0;display:flex}.pane p{margin:0}.source{min-height:24rem;font-family:var(--mono);resize:vertical}.preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:24rem;font-family:var(--mono);margin:0;padding:10px;overflow-x:auto}.line-section{font-weight:700}.line-comment{color:var(--muted);font-style:italic}.chord{color:var(--chord)}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);max-width:min(480px,100vw - 32px);color:var(--text);padding:20px}.dialog::backdrop{background:#00000080}.dialog-actions,.song-list-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.export-dialog form{gap:var(--gap);flex-direction:column;display:flex}.choices{border:0;min-width:0;margin:0;padding:0}.choice{min-height:var(--touch);cursor:pointer;align-items:center;gap:10px;display:flex}.choice input{width:20px;height:20px;min-height:0;accent-color:var(--accent);flex:none;margin:0;padding:0}.number-choice-options{column-gap:var(--gap);flex-wrap:wrap;display:flex}.picker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker-actions>span{flex:auto}.picker-list{overflow-wrap:anywhere;max-height:40vh;overflow-y:auto}.import-dialog{width:min(760px,100vw - 32px);max-width:none}.import-dialog form{gap:var(--gap);flex-direction:column;display:flex}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.paste-input{font-family:var(--mono);margin-bottom:8px}.import-files,.review-songs,.review-warnings{margin:0;padding:0;list-style:none}.import-files{gap:var(--gap);flex-direction:column;display:flex}.import-file{border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;padding:12px}.import-file-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.import-file h3{margin:0;font-size:1rem}.review-song{border-top:1px solid var(--border);padding:8px 0}.review-fields{grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.review-warnings li{border-radius:var(--radius);background:var(--warning-bg);margin-top:4px;padding:4px 8px}@media (width<=599px){.review-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=899px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0}.app[data-view=editor] .sidebar,.app[data-view=list] .main{display:none}.back-button{display:inline-block}}