:root{color-scheme:light;--ink: #172033;--muted: #5f6b7d;--line: #cfd7e3;--paper: #f1f4f8;--panel: #ffffff;--accent: #2457a6;--accent-soft: #eaf1fb;--secondary: #183153;--gold: #b88a2c;--danger: #991b1b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{display:grid;align-content:start;gap:18px;padding:20px 16px;border-right:1px solid var(--line);background:#fff}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid rgba(184,138,44,.6);border-radius:50%;color:#fff;background:var(--accent);font-weight:900}.brand h1,.brand span,.topbar h2,.topbar span,.panel-heading h2,.panel-heading span{margin:0}.brand h1{color:var(--secondary);font-size:21px}.brand span,.topbar span,.panel-heading span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.sidebar nav{display:grid;gap:10px}.nav-section{display:grid;gap:8px}.nav-section-title{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:0 10px;border:1px solid #d9e0ea;border-radius:8px;color:var(--secondary);background:#f8fafc;font-size:13px;font-weight:900;text-transform:uppercase}.nav-section-content{display:grid;gap:7px}.sidebar .nav-section-content button,.topbar button,.reader-actions button{display:flex;gap:9px;align-items:center;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:14px;font-weight:800}.sidebar .nav-section-content button{justify-content:center}.sidebar .nav-section-content button.is-active,.topbar button,.reader-actions button:hover{color:#fff;border-color:var(--accent);background:var(--accent)}.api-status{margin:0;color:var(--muted);font-size:12px;line-height:1.45;word-break:break-word}.session-panel{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.session-panel span,.session-panel small{color:var(--muted);font-size:11px;font-weight:900}.session-panel strong{color:var(--secondary);font-size:15px}.session-panel.is-admin{border-color:#2457a659;background:var(--accent-soft)}.session-panel>button,.login-form button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--secondary);font-size:13px;font-weight:900}.login-form{display:grid;gap:7px}.login-form input{width:100%;min-height:36px;padding:0 9px;border:1px solid var(--line);border-radius:8px;outline:0}.login-form p{margin:0;color:var(--danger);font-size:12px;font-weight:800}.content{display:grid;gap:18px;align-content:start;min-width:0;padding:22px}.topbar,.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.topbar h2,.panel-heading h2{color:var(--secondary);font-size:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card,.work-area,.reader-panel,.usage-card{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.stat-card{display:grid;gap:8px;padding:14px}.stat-card svg{color:var(--accent)}.stat-card strong{color:var(--secondary);font-size:26px;line-height:1}.stat-card span{color:var(--muted);font-size:12px;font-weight:800}.work-area{display:grid;gap:16px;min-width:0;padding:16px}.reader-shell{gap:0;padding:0;overflow:hidden}.reader-heading,.editor-heading{min-height:76px;padding:15px 18px;border-bottom:1px solid #c5d3e8;background:var(--accent-soft)}.reader-heading h2,.editor-heading h2{font-size:22px}.reader-shell>.song-layout{padding:16px}.search-field{display:flex;gap:8px;align-items:center;min-width:min(380px,100%);padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.search-field svg{color:var(--accent)}.search-field input{width:100%;height:42px;border:0;outline:0}.song-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;min-height:580px}.song-list{display:grid;align-content:start;max-height:calc(100vh - 260px);min-height:360px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.song-list button{display:grid;gap:4px;min-width:0;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.song-list button:hover{background:#f8fafc}.song-list button.is-active{border-left:4px solid var(--accent);background:var(--accent-soft)}.song-list strong,.song-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list strong{color:var(--secondary);line-height:1.35}.song-list span,.usage-card span,.usage-card small,.diagram span{color:var(--muted);font-size:12px;font-weight:800}.reader-panel{display:grid;align-content:start;gap:14px;min-width:0;padding:16px;overflow:visible}.heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}.reader-titlebar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid var(--line)}.title-line{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.title-line h2{margin:0;color:var(--secondary);font-size:27px;line-height:1.18}.title-line span{color:var(--muted);font-size:16px;font-weight:800}.reader-titlebar p{margin:5px 0 0;color:var(--muted);font-weight:800}.reader-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.version-strip{display:flex;flex-wrap:wrap;gap:8px}.version-strip button{display:grid;gap:2px;min-width:78px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#f8fafc;text-align:left}.version-strip button.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.version-strip strong{font-size:15px}.version-strip span{font-size:11px;font-weight:800}.media-link{display:flex;justify-content:flex-start}.media-link a{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--accent);border-radius:8px;color:#fff;background:var(--accent);font-weight:900;text-decoration:none}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,24vw,330px);gap:14px;align-items:start;min-width:0}.reader-panel.is-diagrams-hidden .reader-grid{grid-template-columns:minmax(0,1fr)}.lyrics-panel{min-width:0;overflow-x:hidden}.lyrics{display:grid;gap:4px;min-width:0}.lyric-line{min-width:0;min-height:42px;padding:3px 8px 4px;border-radius:8px;background:#fff}.lyric-line.is-empty{min-height:14px;padding:0;background:transparent}.lyric-section-label{min-height:auto;padding:10px 8px 5px;color:var(--accent);background:transparent;font-size:14px;font-weight:900;text-transform:uppercase}.chord-row,.text-row{--lyrics-line-font-size: clamp(15px, 1.5vw, 20px);max-width:100%;margin:0;overflow:hidden;font-family:Cascadia Mono,Consolas,Courier New,monospace;font-size:var(--lyrics-line-font-size);white-space:pre;letter-spacing:0}.chord-row{min-height:18px;color:var(--accent);font-weight:900;line-height:1.2}.text-row{color:var(--ink);line-height:1.2}.lyrics.are-chords-hidden .chord-row{display:none}.chords-panel{position:sticky;top:18px;max-height:calc(100vh - 70px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.chord-diagrams{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));justify-items:center;gap:8px}.diagram{display:grid;justify-items:center;width:100%;max-width:132px;padding:8px 4px;border:1px solid #dbe3ee;border-radius:8px;color:var(--ink);background:#fff}button.diagram{font:inherit;text-align:center;cursor:pointer}.diagram.is-configurable{border-color:#b88a2c6b;background:#fffaf0;opacity:1}.diagram.is-configurable:hover,.diagram.is-configurable:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px #b88a2c29}.diagram strong{color:var(--secondary);font-size:15px;line-height:1.15}.diagram.is-empty{opacity:.7}.chord-svg{width:96px;height:116px}.chord-svg line{stroke:#253247;stroke-width:1.5}.chord-svg .nut{stroke-width:4}.finger-dot,.barre-bar{fill:var(--secondary)}.open-string,.muted-string,.fret-number{fill:var(--muted);font-size:11px;font-weight:900}.capo-bar{fill:#111827;opacity:.92}.capo-text{fill:#fff;font-size:7px;font-weight:900}.reader-notes{display:grid;gap:8px;margin-top:18px;padding:12px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700}.reader-notes p{margin:0}.reader-panel pre,.work-area pre{max-width:100%;margin:0;overflow:auto;white-space:pre-wrap;font-family:Cascadia Mono,Consolas,monospace;line-height:1.5}.usage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.usage-card{display:grid;gap:5px;padding:14px}.usage-card strong{color:var(--secondary);font-size:22px}.error-box{padding:14px;border:1px solid #fecaca;border-radius:8px;color:var(--danger);background:#fef2f2;font-weight:800}.empty-message,.empty-song-list{margin:0;padding:14px;color:var(--muted);font-weight:800}.editor-shell{gap:0;align-content:start;padding:0;overflow:hidden}.editor-heading .heading-actions{flex:1}.editor-songbook-filter{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:12px;font-weight:900}.editor-songbook-filter select{min-width:190px;height:42px;padding:0 32px 0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.editor-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;min-width:0;padding:16px}.editor-layout.is-new-song{grid-template-columns:minmax(0,1fr)}.editor-main{display:grid;gap:14px;min-width:0}.form-card{display:grid;gap:14px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.form-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.form-card-heading h3,.form-card-heading span{margin:0}.form-card-heading h3{color:var(--secondary);font-size:19px;line-height:1.25}.form-card-heading span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.version-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-field{display:grid;gap:6px;min-width:0}.form-field span,.check-field{color:var(--secondary);font-size:12px;font-weight:900}.form-field input,.form-field select,.form-field textarea,.lyrics-editor{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;outline:0}.form-field input,.form-field select{min-height:40px;padding:0 10px}.form-field textarea,.lyrics-editor{resize:vertical;padding:10px;line-height:1.45}.lyrics-editor{font-family:Cascadia Mono,Consolas,Courier New,monospace}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.lyrics-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2457a61f}.check-field{display:flex;gap:8px;align-items:center;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.check-field input{width:16px;height:16px}.capo-tool{display:grid;grid-column:span 2;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.capo-tool label{display:grid;gap:6px;min-width:0}.capo-tool span,.capo-tool small{color:var(--secondary);font-size:12px;font-weight:900}.capo-tool small{color:var(--muted);line-height:1.35}.capo-tool select{width:100%;min-height:40px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;outline:0}.capo-suggestions{display:grid;gap:7px;padding-top:4px}.capo-suggestions>strong{color:var(--secondary);font-size:12px;font-weight:900}.capo-suggestions button{display:grid;gap:3px;width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left}.capo-suggestions button.is-recommended{border-color:#b88a2ca6;background:#fff8e6}.capo-suggestions button span{color:var(--secondary);font-size:13px}.capo-suggestions button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.primary-action,.secondary-action,.danger-action{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:900}.primary-action{border:1px solid var(--accent);color:#fff;background:var(--accent)}.secondary-action{border:1px solid var(--line);color:var(--secondary);background:#f8fafc}.danger-action{border:1px solid #fecaca;color:#991b1b;background:#fff5f5}.version-admin-list{display:flex;flex-wrap:wrap;gap:8px}.version-admin-list button{display:grid;gap:2px;min-width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#f8fafc;text-align:left}.version-admin-list button.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.version-admin-list span{font-weight:900}.version-admin-list small{font-size:11px;font-weight:800}.transpose-tool{display:grid;gap:12px;padding:12px;border:1px solid rgba(36,87,166,.24);border-radius:8px;background:#eef5ff}.transpose-tool-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:12px;align-items:end}.transpose-tool-header div,.transpose-tool-header label{display:grid;gap:5px;min-width:0}.transpose-tool-header span,.transpose-all-tones strong{color:var(--secondary);font-size:12px;font-weight:900;text-transform:uppercase}.transpose-tool-header h4{margin:0;color:var(--ink);font-size:18px;line-height:1.25}.transpose-tool-header select{width:100%;min-height:40px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;outline:0}.transpose-all-tones{display:grid;gap:8px;min-width:0}.transpose-all-tones>div:first-child{display:grid;gap:3px}.transpose-all-tones small{color:var(--muted);font-size:12px;font-weight:800}.transpose-tone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;min-width:0}.transpose-tone-grid button{display:grid;gap:2px;min-width:0;min-height:46px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;color:var(--secondary);background:#fff;text-align:center}.transpose-tone-grid button:hover,.transpose-tone-grid button:focus-visible,.transpose-tone-grid button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.transpose-tone-grid span{font-size:15px;font-weight:900}.transpose-tone-grid small{overflow:hidden;color:inherit;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.preview-card .reader-grid{grid-template-columns:minmax(0,1fr) 230px}.success-box{margin:0;padding:12px 14px;border:1px solid #bbf7d0;border-radius:8px;color:#166534;background:#f0fdf4;font-weight:900}.presentation-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;min-width:0}.presentation-list{display:grid;align-content:start;gap:12px;min-width:0}.presentation-stage{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.presentation-stage header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line)}.presentation-stage h2,.presentation-stage p{margin:0}.presentation-stage h2{color:var(--secondary);font-size:30px;line-height:1.16}.presentation-stage p{margin-top:4px;color:var(--muted);font-weight:900}.presentation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.presentation-actions button{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--secondary);background:#f8fafc;font-weight:900}.presentation-lyrics{min-width:0;overflow-x:hidden}.presentation-lyrics .chord-row{--lyrics-line-font-size: var(--presentation-font-size)}.presentation-lyrics .text-row{--lyrics-line-font-size: var(--presentation-font-size);line-height:1.35}.tutorial-shell{align-content:start}.tutorial-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;min-width:0}.tutorial-list{display:grid;align-content:start;max-height:620px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.tutorial-list button{display:grid;gap:4px;padding:11px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.tutorial-list button.is-active{border-left:4px solid var(--accent);background:var(--accent-soft)}.tutorial-list span{color:var(--muted);font-size:12px;font-weight:800}.tutorial-reader{display:grid;gap:14px;min-width:0}.tutorial-form-grid{grid-template-columns:minmax(0,1fr) 120px}.tutorial-content{display:grid;gap:10px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.tutorial-content>span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.tutorial-content h3{margin:0;color:var(--secondary);font-size:24px}.tutorial-content p{margin:0;color:var(--ink);font-size:16px;line-height:1.55}.resource-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.resource-file-row span,.resource-open-file{display:inline-flex;align-items:center;gap:7px}.resource-open-file{width:fit-content;margin-top:16px;text-decoration:none}.warning-box{margin:0;padding:12px 14px;border:1px solid #fde68a;border-radius:8px;color:#92400e;background:#fffbeb;font-weight:900}.setlist-shell{gap:0;align-content:start;padding:0;overflow:hidden}.setlist-heading{min-height:76px;padding:15px 18px;border-bottom:1px solid #c5d3e8;background:var(--accent-soft)}.setlist-heading h2{font-size:22px}.setlist-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-width:0;padding:16px}.setlist-layout.is-create-only{grid-template-columns:minmax(0,1fr)}.setlist-manage-empty{align-content:center;justify-items:center;min-height:260px;color:var(--muted);text-align:center}.setlist-manage-empty svg{color:var(--accent)}.setlist-manage-empty h3,.setlist-manage-empty p{margin:0}.setlist-manage-empty h3{color:var(--secondary)}.setlist-search-panel{min-width:0}.setlist-search-panel .form-card{position:sticky;top:16px}.saved-setlists-list{display:grid;gap:8px;max-height:520px;overflow:auto}.saved-setlists-list article{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:#fff}.saved-setlists-list article.is-active{border-color:var(--accent);background:var(--accent-soft)}.saved-setlists-list article>button:first-child{display:grid;gap:3px;min-width:0;padding:9px 10px;border:0;color:var(--ink);background:transparent;text-align:left}.saved-setlists-list strong,.saved-setlists-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-setlists-list span{color:var(--muted);font-size:12px;font-weight:800}.icon-danger{display:grid;place-items:center;min-width:36px;border:0;border-left:1px solid var(--line);border-radius:0 8px 8px 0;color:#991b1b;background:#fff5f5}.setlist-main{display:grid;gap:14px;min-width:0}.setlist-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setlist-add-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:14px;min-width:0;align-items:start}.song-picker{display:grid;gap:12px;min-width:0}.picker-results{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:4px}.picker-results article{display:grid;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.picker-results article.is-active{border-color:var(--accent);background:var(--accent-soft)}.picker-results article>button{display:grid;gap:3px;min-width:0;padding:0;border:0;color:var(--ink);background:transparent;text-align:left}.picker-results strong,.picker-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-results span{color:var(--muted);font-size:12px;font-weight:800}.version-strip.compact button{min-width:68px;padding:6px 8px}.setlist-preview{display:grid;gap:10px;min-width:0;max-height:520px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.setlist-preview header{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line)}.setlist-preview header strong{color:var(--secondary);font-size:17px}.setlist-preview header span{color:var(--muted);font-size:12px;font-weight:900}.setlist-preview .lyric-line{background:#fff}.setlist-preview-add{width:100%;justify-content:center;margin-top:4px}.order-list{display:grid;gap:8px}.order-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.order-position{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-weight:900}.order-song{display:grid;gap:5px;min-width:0}.order-song strong,.order-song span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-song strong{color:var(--secondary)}.order-song span{color:var(--muted);font-size:12px;font-weight:800}.order-song input{width:100%;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0}.order-actions{display:flex;gap:6px;align-items:center}.order-actions button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--secondary);background:#f8fafc}.order-actions .icon-danger{border:1px solid #fecaca;border-radius:8px}.setlist-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.setlist-order-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;color:var(--secondary);background:#fff;font-weight:800}.setlist-order-actions .projection-action{color:#fff;border-color:var(--accent);background:var(--accent)}.setlist-order-actions .rehearsal-action{color:#fff;border-color:#15803d;background:#15803d}.setlist-export-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--line)}.setlist-export-group>span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.setlist-final-save{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #bad4f8;border-radius:8px;background:#f0f7ff}.setlist-final-save>div{display:grid;gap:3px;min-width:0}.setlist-final-save strong{color:var(--secondary);font-size:16px}.setlist-final-save span{color:var(--muted);font-size:12px;font-weight:800}.setlist-final-save .primary-action{flex:0 0 auto;min-width:190px}.setlist-projection{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#f8fafc;background:#111827}.setlist-projection-toolbar,.setlist-projection-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#0b1220}.setlist-projection-toolbar{border-bottom:1px solid #334155}.setlist-projection-toolbar>div:first-child{display:grid;gap:2px}.setlist-projection-toolbar span{color:#cbd5e1;font-size:12px;font-weight:700}.setlist-projection-toolbar>div:last-child,.setlist-projection-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.setlist-projection-toolbar>div:last-child{justify-content:flex-end}.projection-speed{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding-left:2px;color:#cbd5e1;font-size:10px;font-weight:800;text-transform:uppercase}.projection-speed select{height:40px;min-height:40px;padding:6px 28px 6px 9px;border:1px solid #475569;border-radius:8px;color:#fff;background:#1f2937}.setlist-projection .projection-play{min-width:92px;border-color:#2563eb;background:#2563eb}.setlist-projection button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:1px solid #475569;border-radius:8px;color:#fff;background:#1f2937;font-weight:800}.setlist-projection button:hover{border-color:#60a5fa;background:#1e3a5f}.setlist-title-slide,.setlist-song-slide{min-width:0;min-height:0;overflow:auto}.setlist-title-slide{display:grid;place-items:center;padding:32px;text-align:center}.setlist-title-slide>div{display:grid;justify-items:center;gap:12px;max-width:900px}.setlist-title-slide span{color:#93c5fd;font-size:14px;font-weight:900;text-transform:uppercase}.setlist-title-slide strong{font-size:48px;line-height:1.1}.setlist-title-slide p,.setlist-title-slide small,.setlist-title-slide blockquote{margin:0;color:#cbd5e1;font-size:19px}.setlist-title-slide blockquote{max-width:700px;padding:12px 16px;border-left:3px solid #60a5fa;text-align:left}.setlist-song-slide{padding:20px clamp(18px,5vw,70px) 36px}.setlist-song-slide>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #334155}.setlist-song-slide h2,.setlist-song-slide p{margin:0}.setlist-song-slide h2{font-size:28px}.setlist-song-slide p,.setlist-song-slide>header>span{color:#cbd5e1;font-size:14px}.setlist-projection-lyrics{max-width:1100px;margin:18px auto 0;background:#111827}.setlist-projection-content{min-width:0}.setlist-projection-content.has-diagrams{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:start}.setlist-projection-content.has-diagrams .setlist-projection-lyrics{width:100%;margin-right:0;margin-left:0}.setlist-rehearsal-diagrams{position:sticky;top:0;max-height:calc(100vh - 190px);overflow:auto;padding:10px;border:1px solid #334155;border-radius:8px;background:#0b1220}.setlist-rehearsal-diagrams .chord-diagrams{grid-template-columns:repeat(2,minmax(88px,1fr))}.setlist-rehearsal-diagrams p{color:#cbd5e1;font-size:13px}.setlist-projection-lyrics .lyrics{background:#111827}.setlist-projection-lyrics .lyric-line{color:#f8fafc;border-radius:0;background:transparent}.setlist-projection-lyrics .lyric-line.is-empty{background:transparent}.setlist-projection-lyrics .lyric-section-label{color:#93c5fd;background:transparent}.setlist-projection-lyrics .chord-row{color:#93c5fd;--lyrics-line-font-size: var(--projection-font-size)}.setlist-projection-lyrics .text-row{color:#f8fafc;--lyrics-line-font-size: var(--projection-font-size)}.setlist-projection-lyrics pre{color:inherit;background:transparent;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere}.setlist-projection-navigation{border-top:1px solid #334155}.setlist-projection-navigation button:last-child{margin-left:auto;border-color:#2563eb;background:#2563eb}.chords-shell{gap:16px;align-content:start;padding:0 0 16px;overflow:hidden}.chords-heading{min-height:76px;padding:15px 18px;border-bottom:1px solid #c5d3e8;background:var(--accent-soft)}.chords-heading h2{font-size:22px}.chords-heading .heading-actions{flex:1}.chord-search-field{width:min(360px,100%)}.chord-capo-filter{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:12px;font-weight:900}.chord-capo-filter select{min-width:120px;height:42px;padding:0 32px 0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.chords-shell>.chord-finder,.chords-shell>.chord-family-creator,.chords-shell>.family-tabs,.chords-shell>.chords-admin-layout,.chords-shell>.chord-page-message{margin-right:16px;margin-left:16px}.chord-finder{display:grid;gap:8px}.chord-finder>label{display:grid;gap:6px;max-width:520px;color:var(--secondary);font-size:12px;font-weight:900}.chord-finder>label>div{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff}.chord-finder input{width:100%;min-width:0;border:0;color:var(--ink);background:transparent;outline:0}.chord-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.chord-search-results button{display:grid;gap:3px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left}.chord-search-results button:hover,.chord-search-results button.is-active{border-color:var(--accent);background:var(--accent-soft)}.chord-search-results button strong{color:var(--secondary);font-size:15px}.chord-search-results button span,.chord-search-results button small{color:var(--muted);font-size:11px;font-weight:800}.chord-search-results .create-chord-result{align-content:center;grid-template-columns:auto 1fr;color:#fff;border-color:#15803d;background:#15803d}.chord-search-results .create-chord-result:hover{color:#fff;border-color:#166534;background:#166534}.family-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.family-tabs button{display:grid;gap:3px;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--secondary);background:#fff}.family-tabs button.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.family-tabs strong{font-size:18px;line-height:1}.family-tabs span{color:inherit;font-size:12px;font-weight:900;opacity:.8}.chords-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start;min-width:0}.chords-admin-layout.is-create-mode{grid-template-columns:minmax(0,1fr)}.family-create-chord-action{display:flex;justify-content:flex-end;padding-top:14px;border-top:1px solid var(--line)}.chord-editor-empty{justify-items:center;color:var(--muted);text-align:center}.chord-editor-empty svg{color:var(--accent)}.chord-editor-empty h3,.chord-editor-empty p{margin:0}.chord-editor-empty h3{color:var(--secondary)}.chord-page-message{margin-top:0}.chord-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.chord-card{display:grid;gap:6px;justify-items:center;min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:center}.chord-card:hover,.chord-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.chord-card .diagram{border:0;padding:0;background:transparent}.chord-card-title{color:var(--secondary);font-size:18px;font-weight:900}.chord-card-variants{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}.chord-card-variants.has-multiple{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.chord-variant-preview{display:grid;gap:5px;justify-items:center;min-width:0;padding:7px 5px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:transparent}.chord-variant-preview:hover,.chord-variant-preview.is-active{border-color:#bad4f8;background:#f0f7ff}.chord-variant-preview .diagram{width:100%;max-width:112px}.chord-variant-preview .chord-svg{width:100%;height:auto}.chord-variant-preview .diagram>span{display:none}.chord-variant-preview>span{max-width:100%;overflow:hidden;color:var(--secondary);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.chord-variant-preview .validation-status{padding:1px 7px;font-size:10px}.chord-card>span,.chord-card small{color:var(--muted);font-size:11px;font-weight:900}.validation-status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;justify-self:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:900}.validation-status.is-valid{color:#0f766e;background:#dff7ef}.validation-status.is-unvalidated{color:#9a5b10;background:#fff4d6}.chord-editor-card{position:sticky;top:16px}.chord-form-grid{grid-template-columns:1.3fr 1.3fr .8fr .8fr}.chord-variants-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.chord-variants-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.chord-variants-heading>div{display:grid;gap:2px}.chord-variants-heading strong{color:var(--secondary);font-size:14px}.chord-variants-heading span{color:var(--muted);font-size:12px;font-weight:800}.chord-variant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.chord-variant-list button{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left}.chord-variant-list button.is-active{border-color:var(--accent);background:var(--accent-soft)}.chord-variant-list span,.chord-variant-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-variant-list span{font-weight:900}.chord-variant-list small{color:var(--muted);font-size:11px;font-weight:800}.chord-validation-row{display:flex;flex-wrap:wrap;gap:10px}.frets-editor{display:grid;gap:9px}.frets-editor>span{color:var(--secondary);font-size:12px;font-weight:900}.frets-editor>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.frets-editor label{display:grid;gap:5px}.frets-editor small{color:var(--muted);font-size:11px;font-weight:900;text-align:center}.frets-editor input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;text-align:center;outline:0}.frets-editor p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.barre-editor{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.barre-editor>.check-field{justify-self:start;min-width:160px;background:#fff}.barre-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.barre-editor>p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.chord-editor-preview{display:grid;justify-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.chord-editor-preview .diagram{max-width:180px}.chord-editor-preview .chord-svg{width:130px;height:156px}.import-shell{gap:0;padding:0 0 18px;overflow:hidden}.import-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px;padding:16px 18px 18px}.import-panel{align-self:start}.import-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.json-editor{min-height:420px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.45;resize:vertical}.import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.import-summary article{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.import-summary strong{color:var(--secondary);font-size:22px}.import-summary span{color:var(--muted);font-size:11px;font-weight:900}.import-list{display:grid;max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:8px}.import-list button{display:grid;gap:3px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:#fff;text-align:left}.import-list button:last-child{border-bottom:0}.import-list button:hover,.import-list button.is-active{background:var(--accent-soft)}.import-list strong,.import-list span,.import-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-list small{color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase}.import-preview{display:grid;gap:12px}.import-preview>header{display:flex;justify-content:space-between;gap:12px;padding-top:6px}.import-preview>header span{color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase}.import-preview>header h3,.import-preview>header small{margin:0}.import-preview>header small{max-width:280px;color:var(--muted);font-size:12px;font-weight:800;text-align:right}.import-preview .reader-grid{min-height:360px}@media (max-width: 1100px){.import-layout{grid-template-columns:1fr}}.chord-suggestion-shell{gap:0;padding:0 0 18px;overflow:hidden}.section-title-band{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:92px;padding:16px 20px;border-bottom:1px solid #c5d3e8;background:var(--accent-soft)}.section-title-band span,.suggestion-editor-header span{color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase}.section-title-band h2,.section-title-band p,.suggestion-editor-header h3{margin:0}.section-title-band h2{margin-top:3px;color:var(--secondary);font-size:22px}.section-title-band p{margin-top:4px;color:var(--muted);font-size:13px}.draft-status{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 10px;border:1px solid #a8b9d3;border-radius:8px;color:var(--secondary);background:#ffffffb8;font-size:12px;font-weight:900}.draft-status span{width:8px;height:8px;border-radius:50%;background:#d97706}.chord-link-form{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin:16px 18px 10px}.chord-link-form label,.suggestion-meta-grid label,.suggestion-wide-field,.suggested-diagram-item label{display:grid;gap:6px;min-width:0;color:var(--secondary);font-size:12px;font-weight:900}.chord-link-form input,.suggestion-meta-grid input,.suggestion-wide-field textarea,.progression-list input,.suggested-diagram-item input{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;outline:0}.chord-link-form input:focus,.suggestion-meta-grid input:focus,.suggestion-wide-field textarea:focus,.progression-list input:focus,.suggested-diagram-item input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f5da21f}.input-with-icon{display:flex;align-items:center;min-width:0;padding-left:11px;border:1px solid var(--line);border-radius:8px;color:var(--accent);background:#fff}.input-with-icon input{border:0}.chord-link-form .primary-action{min-height:42px;white-space:nowrap}.assistant-config-note,.assistant-model-note,.chord-suggestion-shell>.success-box{margin:0 18px 12px}.assistant-config-note{padding:10px 12px;border:1px solid #f0c36d;border-radius:8px;color:#7c4a03;background:#fff8e8;font-size:12px;line-height:1.5}.assistant-model-note{color:var(--muted);font-size:12px}.chord-suggestion-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;min-width:0;margin:0 18px;padding-top:16px;border-top:1px solid var(--line)}.suggestion-drafts{display:grid;align-content:start;gap:8px;max-height:calc(100vh - 310px);overflow:auto}.suggestion-drafts h3,.suggestion-section-block h3,.suggestion-sources h3{margin:0;color:var(--secondary);font-size:15px}.suggestion-drafts button{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left}.suggestion-drafts button:hover,.suggestion-drafts button.is-selected{border-color:var(--accent);background:var(--accent-soft)}.suggestion-drafts button strong,.suggestion-drafts button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-drafts button span{color:var(--muted);font-size:11px}.suggestion-result{min-width:0}.suggestion-editor-header,.subsection-heading,.suggestion-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.suggestion-actions{justify-content:flex-end}.suggestion-actions button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--accent);border-radius:8px;color:#fff;background:var(--accent);font-weight:900}.suggestion-actions .danger-ghost{color:#991b1b;border-color:#fecaca;background:#fff}.suggestion-meta-grid{display:grid;grid-template-columns:1.5fr 1.5fr repeat(4,minmax(80px,.6fr));gap:10px;margin-top:14px}.suggestion-wide-field{margin-top:12px}.suggestion-wide-field textarea{resize:vertical;line-height:1.45}.suggestion-section-block,.suggestion-sources{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.subsection-heading span{color:var(--muted);font-size:11px;font-weight:800}.progression-list{display:grid;gap:8px}.progression-list article{display:grid;grid-template-columns:130px minmax(180px,1fr) minmax(160px,.8fr);gap:8px}.suggested-diagram-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.suggested-diagram-item{display:grid;justify-items:center;gap:8px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.suggested-diagram-item .diagram{border:0;background:transparent}.suggested-diagram-item .chord-svg{width:118px;height:140px}.suggested-diagram-item label{width:100%}.suggested-diagram-item input{min-height:36px;padding:7px 8px;text-align:center}.suggestion-sources a{width:fit-content;max-width:100%;color:var(--accent);font-size:12px;font-weight:800;overflow-wrap:anywhere}.suggestion-empty{display:grid;justify-items:center;gap:7px;min-height:330px;align-content:center;color:var(--muted);text-align:center}.suggestion-empty svg{color:var(--accent)}.suggestion-empty h3,.suggestion-empty p{margin:0}.suggestion-empty h3{color:var(--secondary)}@media (max-width: 1180px){.reader-grid{grid-template-columns:minmax(0,1fr) 210px}.version-form-grid,.setlist-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-diagrams,.chords-admin-layout{grid-template-columns:1fr}.chord-editor-card{position:static}.suggestion-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transpose-tool-header{grid-template-columns:1fr}}@media (max-width: 980px){.app-shell,.song-layout,.reader-grid,.editor-layout,.preview-card .reader-grid,.setlist-layout,.setlist-add-grid,.presentation-shell,.tutorial-layout,.chord-suggestion-layout{grid-template-columns:1fr}.suggestion-drafts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:210px}.suggestion-drafts h3,.suggestion-drafts .empty-message{grid-column:1 / -1}.setlist-search-panel .form-card,.sidebar{position:static}.stats-grid,.usage-grid,.family-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.chords-panel{position:static;max-height:none}.chord-diagrams{grid-template-columns:repeat(3,minmax(88px,1fr))}.setlist-projection-content.has-diagrams{grid-template-columns:1fr}.setlist-rehearsal-diagrams{position:static;max-height:none}}@media (max-width: 680px){.content,.sidebar{padding:14px}.stats-grid,.usage-grid,.chord-diagrams,.family-tabs,.chord-form-grid{grid-template-columns:1fr}.topbar,.panel-heading,.reader-titlebar,.presentation-stage header,.form-card-heading,.heading-actions{align-items:stretch;flex-direction:column}.form-grid,.version-form-grid,.setlist-form-grid,.tutorial-form-grid{grid-template-columns:1fr}.transpose-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capo-tool{grid-column:span 1}.order-item{grid-template-columns:34px minmax(0,1fr)}.order-actions{grid-column:1 / -1;justify-content:flex-end}.setlist-order-actions,.setlist-export-group{align-items:stretch;flex-direction:column}.setlist-export-group{width:100%;padding-top:10px;padding-left:0;border-top:1px solid var(--line);border-left:0}.setlist-projection-toolbar{align-items:stretch;flex-direction:column}.setlist-projection-toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-start}.setlist-title-slide strong{font-size:34px}.setlist-song-slide>header{flex-direction:column}.song-layout{min-height:0}.section-title-band,.suggestion-editor-header,.subsection-heading{align-items:stretch;flex-direction:column}.chord-link-form,.suggestion-meta-grid,.progression-list article{grid-template-columns:1fr}.draft-status{align-self:flex-start}.suggestion-actions{justify-content:flex-start;flex-wrap:wrap}}