.creator-main{padding-block:28px 60px}.back-link{font-size:12px;color:var(--muted)}.creator-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-block:30px}.creator-heading .eyebrow{margin-bottom:13px;font-size:9px}.creator-heading h1{font-size:clamp(39px,4.8vw,59px)}.creator-heading>div>p:last-child{color:var(--muted);font-size:16px;margin-top:15px}.tuning-tag{border-left:2px solid var(--sage);padding-left:14px;font-size:9px;color:#a7c9ae;letter-spacing:.13em;white-space:nowrap}.tuning-tag span{display:block;font-size:11px;color:var(--muted);letter-spacing:.02em;margin-top:5px}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:0}button:disabled{opacity:.4;cursor:default}input[type=checkbox],input[type=radio]{accent-color:var(--sage)}select,input[type=number]{color:var(--ink);background:#212227;border:1px solid #56655f;border-radius:0;height:36px;padding:6px 9px;font-size:12px;max-width:100%}.fretboard-panel{border:1px solid var(--line);background:#252c2c}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px}.board-toolbar h2{font-size:17px;font-weight:500}.board-toolbar>div>p{font-size:12px;color:var(--muted);margin-top:4px}.key-selectors{display:flex;gap:12px}.key-selectors label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted)}.key-selectors select{min-width:85px}.board-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:0 24px 20px;font-size:10px;color:var(--muted)}.board-legend>span,.board-legend label{display:flex;align-items:center;gap:7px}.board-legend label{margin-left:auto}.board-legend input{margin:0}.board-legend i{width:8px;height:8px;border-radius:50%;display:block}.legend-key{background:#b0d9b6}.legend-out{background:#646a68}.legend-history{background:#e7b46b}.fretboard-scroll{overflow:auto;border-block:1px solid #454c48;background:#1c2423;padding:12px 14px 17px;scrollbar-color:#61766c #1d2623}.fretboard{width:100%;border-collapse:collapse;table-layout:fixed;min-width:825px}.fretboard th{font-size:10px;font-weight:400;color:#a9b9b1;text-align:center;height:32px;position:relative;min-width:53px}.fretboard th.string-heading{width:48px;font-size:8px;color:#aab8b1}.fretboard th.string-label{font-size:14px;font-family:Consolas,'Courier New',monospace;color:#d5ded6;position:sticky;left:0;background:#1c2423;z-index:3;width:48px}.fret-marker{display:block;font-size:7px;letter-spacing:2px;line-height:1;min-height:7px;color:#98b09f}.fretboard td{height:48px;text-align:center;border-right:2px solid #4b5b53;background-image:linear-gradient(transparent calc(50% - .5px),#6b776d calc(50% - .5px),#6b776d calc(50% + .5px),transparent calc(50% + .5px));background-color:#28322b}.fretboard .string-3 td{background-image:linear-gradient(transparent calc(50% - 1px),#758071 calc(50% - 1px),#758071 calc(50% + 1px),transparent calc(50% + 1px))}.fretboard .string-4 td,.fretboard .string-5 td{background-image:linear-gradient(transparent calc(50% - 1.5px),#818879 calc(50% - 1.5px),#818879 calc(50% + 1.5px),transparent calc(50% + 1.5px))}.fretboard td.open-fret{background-color:#1d2826;border-right:4px solid #b4beb0}.fretboard:has(th:nth-child(20)){min-width:1550px}.note-button{position:relative;width:35px;height:35px;border-radius:50%;border:1px solid #526f5c;background:#344e3f;color:#deeddd;font-size:11px;font-weight:600;padding:0;isolation:isolate;touch-action:manipulation}.note-name{position:relative;z-index:1}.note-button.out-of-key{background:#272e2a;border-color:#3a443f;color:#7e8981}.note-button:hover{border-color:#cfdfd2;color:#f3f7ef}.note-button::before{content:'';position:absolute;inset:-3px;border-radius:50%;border:3px solid #f0b66e;background:rgba(240,182,110,.12);opacity:0;transition:opacity .22s;pointer-events:none;z-index:0}.note-button.pending-note{outline:2px solid #ffe0aa;outline-offset:4px;color:#ffe9c7}.note-button.history-age-0::before{opacity:1}.note-button.history-age-1::before{opacity:.95}.note-button.history-age-2::before{opacity:.9}.note-button.history-age-3::before{opacity:.85}.note-button.history-age-4::before{opacity:.8}.note-button.history-age-5::before{opacity:.75}.note-button.history-age-6::before{opacity:.7}.note-button.history-age-7::before{opacity:.65}.note-button.history-age-8::before{opacity:.6}.note-button.history-age-9::before{opacity:.55}.note-button.history-age-10::before{opacity:.5}.note-button.history-age-11::before{opacity:.45}.note-button.history-age-12::before{opacity:.4}.note-button.history-age-13::before{opacity:.35}.note-button.history-age-14::before{opacity:.3}.note-button.history-age-15::before{opacity:.25}.note-button.history-age-16::before{opacity:.2}.note-button.history-age-17::before{opacity:.15}.note-button.history-age-18::before{opacity:.1}.note-button.history-age-19::before{opacity:.05}.board-caption{display:flex;justify-content:space-between;gap:20px;padding:12px 24px;font-size:10px;color:var(--muted)}.compose-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:20px 24px;border-top:1px solid var(--line)}.entry-mode{border:0;padding:0;margin:0;display:flex;gap:16px;align-items:center}.entry-mode legend{font-size:10px;color:var(--muted);margin-bottom:9px;padding:0}.entry-mode label{display:flex;align-items:center;gap:5px;font-size:12px}.entry-mode input{margin:0}.shape-controls{display:flex;gap:8px;align-items:center;padding-top:20px}.shape-controls select{max-width:135px}.quiet-button{border:1px solid #52645a;background:transparent;color:#d6e2d8;padding:9px 12px;font-size:11px;min-height:36px}.quiet-button:hover:not(:disabled){background:#36453b;border-color:#8da492}.action-button,.copy-button{border:1px solid #a2baa6;background:var(--sage);color:#15281c;font-size:11px;font-weight:650;padding:10px 16px;min-height:36px}.action-button:hover:not(:disabled),.copy-button:hover:not(:disabled){background:#a7c9ae}.spacing-controls{display:flex;gap:14px}.spacing-controls label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.spacing-controls input{width:72px}.spacing-controls select{width:95px}.chord-draft{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 24px 20px;border-left:2px solid #d4ac79;background:#34362c;padding:15px 18px}.chord-draft[hidden]{display:none}.chord-draft strong{font-size:13px;color:#f2d7ad;font-weight:500}.chord-draft p{font-size:11px;color:#d6d1c1;margin-top:5px}.draft-actions{display:flex;gap:10px;flex-shrink:0}.entry-toolbar{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:16px 24px}.entry-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.creator-feedback{font-size:12px;color:#a7c9ae;min-height:24px;margin-top:14px}.creator-error{font-size:12px;background:#472f22;border-left:3px solid #e4ae7b;color:#ffe1bf;padding:14px;margin:10px 0}.creator-error[hidden]{display:none}.stanzas-section{padding-top:18px}.stanzas-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:19px}.stanzas-heading .eyebrow{font-size:8px;margin-bottom:7px}.stanzas-heading h2{font-size:25px;font-weight:500;letter-spacing:-.02em}.stanzas-heading p:not(.eyebrow){font-size:11px;color:var(--muted);margin-top:6px}.song-actions{display:flex;gap:9px}.stanza-card{border:1px solid var(--line);margin-bottom:20px;background:#23292a}.active-stanza{border-color:#8ca991}.stanza-top{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.stanza-title{display:flex;align-items:center;gap:14px}.stanza-title h3{font-size:14px;font-weight:500;white-space:nowrap}.active-badge{font-size:8px;letter-spacing:.11em;color:#c4e0c8;background:#35483b;padding:4px 8px;white-space:nowrap}.stanza-count{font-size:10px;color:var(--muted)}.stanza-actions{display:flex;gap:8px;align-items:center}.stanza-tab{display:block;resize:vertical;width:100%;min-height:186px;white-space:pre;overflow:auto;border:0;border-radius:0;color:#dfebdf;background:#1c2324;padding:19px 20px;font:13px/1.8 Consolas,'Liberation Mono','Courier New',monospace;letter-spacing:0;font-variant-ligatures:none;tab-size:4;scrollbar-color:#61766c #1d2623}.stanza-tab:focus-visible{outline-offset:-3px}.stanza-footnote{font-size:10px;color:var(--muted);padding:11px 20px;border-top:1px solid var(--line)}.entry-list{display:flex;gap:6px;flex-wrap:wrap;max-height:140px;overflow:auto;padding:12px 20px;border-top:1px solid var(--line)}.entry-chip{background:#2c3933;border:1px solid #4b5c51;color:#c4d5c8;font-size:10px;padding:5px 9px;min-height:30px}.entry-chip:hover{background:#594235;border-color:#b68c65;color:#ffe3c8}.creator-help{border-block:1px solid var(--line);margin-top:30px;font-size:12px;color:var(--muted)}.creator-help summary{cursor:pointer;padding:20px 0;color:var(--ink);font-size:13px}.help-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-block:5px 20px}.help-columns h3{font-size:13px;font-weight:500;color:#a7c9ae;margin-bottom:12px}.help-columns p+p{margin-top:12px}.draft-management{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:10px}.copy-fallback{display:block;width:100%;min-height:180px;color:var(--ink);background:#1c2324;font:13px/1.8 Consolas,'Courier New',monospace}.copy-fallback[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.board-toolbar{align-items:start}.compose-controls{gap:16px}.shape-controls{padding-top:0}.board-caption{flex-direction:column;gap:3px}.spacing-controls{margin-left:auto}.stanzas-heading{align-items:start}.stanza-title{flex-wrap:wrap;gap:7px 12px}}@media(max-width:700px){.creator-heading{align-items:start;flex-direction:column;gap:21px}.board-toolbar{flex-direction:column;gap:18px;padding:19px}.key-selectors{width:100%;gap:10px;flex-wrap:wrap}.key-selectors label{flex:1}.key-selectors label:nth-child(2){flex:1.6}.key-selectors select{min-width:0;width:100%}.board-legend{padding-inline:19px;gap:12px 18px}.board-legend label{margin-left:0}.fretboard-scroll{padding-inline:8px}.board-caption,.compose-controls{padding-inline:19px}.compose-controls{align-items:start;gap:19px}.entry-mode{width:100%;gap:24px}.shape-controls{flex-wrap:wrap}.spacing-controls{margin-left:0}.entry-toolbar{padding:15px 19px;flex-wrap:wrap}.entry-toolbar>div{width:100%}.entry-toolbar>.action-button{width:100%}.chord-draft{margin-inline:19px;align-items:start;flex-direction:column}.draft-actions{width:100%;flex-wrap:wrap}.stanzas-heading{flex-direction:column;gap:14px}.song-actions{flex-wrap:wrap}.stanza-top{align-items:start;flex-wrap:wrap;padding:15px}.stanza-actions{flex-wrap:wrap;margin-left:auto}.stanza-actions button{padding-inline:10px}.stanza-tab{padding:16px 15px;font-size:12px}.stanza-footnote{padding-inline:15px}.entry-list{padding-inline:15px}.help-columns{grid-template-columns:1fr;gap:24px}.draft-management{align-items:start;flex-direction:column;gap:12px}.creator-heading>div>p:last-child{font-size:14px}}@media(prefers-reduced-motion:reduce){.note-button::before{transition:none}}
.new-song-confirm{padding:20px;margin-top:15px;border:1px solid #d4ac79;background:#34362c;color:#f2d7ad;font-size:12px}.new-song-confirm[hidden]{display:none}.new-song-confirm>div{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.creator-main.wrap{width:min(1400px,calc(100% - 80px))}.heading-actions{display:flex;align-items:center;gap:24px}.creator-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}.compose-sidebar{grid-column:1;grid-row:1/span 2;position:sticky;top:18px;padding:18px;background:#29322d;border:1px solid #48584d;min-width:0}.compose-sidebar>h2{font-size:15px;font-weight:500;margin-bottom:15px}.creator-layout>.fretboard-panel{grid-column:2;grid-row:1;min-width:0}.creator-layout>.stanzas-section{grid-column:2;grid-row:2;padding:24px;background:#192424;border:1px solid #34443b;min-width:0}.stanzas-section .stanza-card:last-child{margin-bottom:0}.cursor-controls label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted);margin-top:12px}.cursor-controls select{width:100%}#cursor-status{font-size:11px;color:#c4d9c7}.cursor-nav{display:flex;gap:5px;margin-top:12px}.cursor-nav button{padding:7px 10px}#editor-help{font-size:10px;color:#b8c3bc;margin-top:12px;line-height:1.7}#pending-fret{font-size:11px;background:#483c2b;color:#ffe1af;padding:8px;margin-top:9px}#pending-fret[hidden]{display:none}.compose-sidebar .compose-controls{display:flex;flex-direction:column;align-items:stretch;padding:16px 0 0;gap:16px;border-top:1px solid #48584d;margin-top:16px}.compose-sidebar .entry-mode{width:auto;display:flex;flex-direction:column;align-items:start;gap:10px}.compose-sidebar .entry-mode label{font-size:11px}.compose-sidebar .shape-controls{display:flex;flex-wrap:wrap;padding:0;gap:7px}.compose-sidebar .shape-controls select{max-width:none;width:100%}.compose-sidebar .spacing-controls{margin:0;gap:10px;display:flex;flex-direction:column}.compose-sidebar .spacing-controls input,.compose-sidebar .spacing-controls select{width:100%}.compose-sidebar .chord-draft{margin:16px 0 0;padding:10px;flex-direction:column;align-items:stretch}.compose-sidebar .draft-actions{flex-direction:column;gap:7px}.compose-sidebar .entry-toolbar{padding:16px 0 0;margin-top:16px;flex-direction:column;gap:10px}.compose-sidebar .entry-toolbar>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compose-sidebar .entry-toolbar .quiet-button{padding-inline:5px}.compose-sidebar .delete-controls{display:flex;flex-direction:column;gap:7px;margin-top:12px}.compose-sidebar .song-actions{display:flex;flex-direction:column;gap:7px;padding-top:16px;margin-top:16px;border-top:1px solid #48584d}.compose-sidebar .creator-feedback{font-size:10px;line-height:1.7;margin-top:14px;min-height:0}.compose-sidebar .creator-error{font-size:10px;padding:10px}.fretboard-panel .board-toolbar{padding:18px;gap:18px}.fretboard-panel .board-legend{padding-inline:18px}.fretboard-panel .board-caption{padding-inline:18px;flex-direction:column;gap:3px}.tab-editor{padding:18px 16px;overflow:auto;white-space:pre;background:#1c2324;color:#dfebdf;font:13px/2 Consolas,'Liberation Mono','Courier New',monospace;letter-spacing:0;font-variant-ligatures:none;scrollbar-color:#61766c #1d2623}.tab-editor:focus-visible{outline:2px solid #a7c9ae;outline-offset:-3px}.tab-line{min-width:100%;width:max-content;min-height:26px;border-radius:2px}.tab-line.working-line{background:#354a3b;box-shadow:inset 3px 0 #a5c9a7}.tab-chord-line{color:#a7c9ae;min-height:26px;width:max-content}.tab-position,.tab-string-label{font:inherit;line-height:inherit;white-space:pre;color:inherit;padding:0;border:0;background:transparent;position:relative;vertical-align:baseline}.tab-string-label{color:#b3c8b9}.tab-position:hover,.tab-string-label:hover{background:#49604e}.tab-position{min-height:26px}.tab-tail{min-width:1ch}.cursor-position{background:#64513b;color:#fff0d6}.cursor-position::before{content:'';position:absolute;left:0;top:3px;bottom:3px;border-left:2px solid #f2ba73;pointer-events:none}.tab-string-label:focus-visible,.tab-position:focus-visible{outline:1px solid #e4bb81}.stanza-tab[hidden]{display:none}.selected-entry{border-color:#d9b481;background:#514533;color:#ffe8c9}.editing-string .string-label{color:#f5d5a4}.stanza-top{padding:13px 16px}.stanza-title{flex-wrap:wrap;gap:7px 12px}.stanza-actions{flex-wrap:wrap}.stanza-footnote{padding-inline:16px}.entry-list{padding-inline:16px;max-height:90px}.new-song-confirm{margin:0 0 22px}#toggle-options{display:none}@media(max-width:1100px){.fretboard-panel .board-toolbar{align-items:start;flex-direction:column;gap:14px}.fretboard-panel .key-selectors{width:100%}.fretboard-panel .key-selectors label{flex:1}.creator-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.compose-sidebar{padding:14px}.creator-layout>.stanzas-section{padding:18px}.stanza-top{align-items:start;flex-wrap:wrap}.stanza-actions{margin-left:auto}.heading-actions{gap:15px}}@media(max-width:760px){.creator-main.wrap{width:calc(100% - 40px)}.creator-layout{display:flex;flex-direction:column;gap:18px}.creator-layout>*{width:100%}.compose-sidebar{position:static;padding:12px 15px}.compose-sidebar>h2{display:none}#toggle-options{display:block;width:100%;text-align:left}.sidebar-content{display:none}.controls-open .sidebar-content{display:block;padding-top:14px}.creator-layout>.stanzas-section{padding:16px}.heading-actions{width:100%;justify-content:space-between;gap:12px}.creator-heading{align-items:start;flex-direction:column;gap:20px}.heading-actions .tuning-tag{font-size:8px}.heading-actions .tuning-tag span{font-size:10px}.tab-editor{padding:16px 12px;font-size:12px}.stanza-top{padding:13px 12px}.stanza-title h3{font-size:13px}.stanza-actions{gap:6px}.stanza-actions button{font-size:10px;padding:7px 9px}.stanza-footnote{padding-inline:12px}.compose-sidebar .shape-controls{flex-wrap:nowrap}.compose-sidebar .shape-controls select{width:auto;flex:1}.compose-sidebar .entry-mode{flex-direction:row;gap:20px}.compose-sidebar .spacing-controls{flex-direction:row}.compose-sidebar .spacing-controls>label{flex:1}.compose-sidebar .delete-controls,.compose-sidebar .song-actions{flex-direction:row;flex-wrap:wrap}.compose-sidebar .entry-toolbar>div{grid-template-columns:repeat(4,1fr)}.compose-sidebar .entry-toolbar>.action-button{width:100%}}
.compose-sidebar{grid-row:auto}.creator-column{grid-column:2;display:flex;flex-direction:column;gap:24px;min-width:0}.creator-column>.fretboard-panel{min-width:0}.creator-column>.stanzas-section{padding:24px;background:#192424;border:1px solid #34443b;min-width:0}.creator-heading{margin-block:22px}.creator-heading h1{font-size:clamp(39px,4vw,52px)}.creator-heading>div>p:last-child{margin-top:10px}.fretboard td{height:44px}.compose-sidebar .quiet-button{font-size:10px}.compose-sidebar .cursor-controls select{height:33px}.compose-sidebar #editor-help{font-size:9px}.compose-sidebar .compose-controls{gap:13px;padding-top:13px;margin-top:13px}.compose-sidebar .entry-toolbar{margin-top:13px;padding-top:13px}.compose-sidebar .song-actions{margin-top:13px;padding-top:13px}@media(max-width:760px){.creator-column{gap:18px}.creator-column>.stanzas-section{padding:16px}}