.chords-panel{margin:24px 0 36px;padding:22px 24px;border:1px solid #313936;background:#1a201e;border-radius:12px;min-width:0}
.chords-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.chords-heading h2{margin:0;font-size:18px}.chords-heading p{font-size:11px;color:#9aa69b;margin:8px 0}.chords-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.chord-recalculate{width:34px;height:34px;min-width:34px;min-height:34px;color:var(--accent)}.chord-recalculate svg{width:18px;height:18px}.current-chord,.chord-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:60px;height:60px;min-width:60px;flex-shrink:0;padding:0;border:1px solid #536442;border-radius:12px;background:#20291e;color:var(--accent);font:inherit;font-weight:750;line-height:1;white-space:nowrap;text-align:center;text-shadow:0 0 8px #d9f47926}.current-chord{width:68px;height:68px;min-width:68px;border-color:#8ba45b;background:#28351f;box-shadow:0 0 14px #d9f47916}.chord-root{font-size:28px}.chord-quality{font-size:20px;margin-top:0;font-weight:700}.current-chord .chord-root{font-size:32px}.current-chord .chord-quality{font-size:22px}
.chord-sequence{display:flex;gap:10px;overflow-x:auto;padding:14px 4px 6px;min-height:80px}.chord-item{cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.chord-item:hover{background:#2b3821;border-color:#9db866;box-shadow:0 0 10px #d9f47920}.chord-item[aria-current=true]{color:var(--accent);background:#303f23;border-color:var(--accent);box-shadow:inset 0 0 0 1px #d9f47955,0 0 12px #d9f47926}.chord-item:focus-visible,.separation-choice select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.chords-panel .setting-help{margin:8px 0 0;line-height:1.6}
.chord-accidental{font-size:.65em;vertical-align:.15em;margin-left:1px}
.separation-choice{display:flex;flex-direction:column;gap:9px;color:#c8d2c2;font-size:12px;margin:18px 0}.separation-choice select{width:100%;font:inherit;font-size:13px;color:#e6eddd;background:#242b24;border:1px solid #4c5846;border-radius:7px;padding:12px 8px}.stem-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.stem-preview span{overflow-wrap:anywhere}.separation-dialog{max-height:90dvh;overflow-y:auto}
@media(max-width:780px){.chords-panel{padding:18px 16px;margin:20px 0 28px}.chords-heading h2{font-size:16px}.current-chord{width:60px;height:60px;min-width:60px}.current-chord .chord-root{font-size:28px}.current-chord .chord-quality{font-size:20px}.chord-item{width:52px;height:52px;min-width:52px;border-radius:10px}.chord-item .chord-root{font-size:24px}.chord-quality{font-size:18px}.chord-sequence{min-height:72px}}
.beat-light{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#56604d;box-shadow:none}.beat-light.beating{background:var(--accent);box-shadow:0 0 12px #c5ed7780}.metro-test-row{display:flex;align-items:center;gap:16px;margin:16px 0}.metro-test-row .button{font-size:12px;padding:10px 14px}
.track-icon{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:var(--accent)}.track-icon .instrument-art{width:36px;height:36px;filter:drop-shadow(0 0 3px #d9f47940);transition:filter .15s,opacity .15s}.track-icon:hover{background:transparent;border:0;filter:none}.track-icon:hover .instrument-art,.track-icon:focus-visible .instrument-art{filter:drop-shadow(0 0 5px #d9f4798a)}.track-icon[aria-pressed=true] .instrument-art{filter:none;opacity:.65}.track-row.is-solo .track-icon .instrument-art{filter:drop-shadow(0 0 5px #d9f47975)}
@media(max-width:780px){.track-icon .instrument-art{width:32px;height:32px}}
.transport-center{gap:16px}.transport-center>button{flex-shrink:0}.library-heading{font-size:11px;font-weight:500;color:#b7c8a5;margin:25px 0 8px}.library-status{min-height:17px}.library-session small{line-height:1.6}.library-session:hover{border-color:var(--accent);background:#303d26}.library-dialog{width:min(500px,calc(100vw - 28px))}
@media(max-width:780px){.transport-center{gap:9px}}
@media(max-width:460px){.transport{grid-template-columns:1fr auto;gap:4px 8px;padding:9px 0}.transport-center{grid-column:1/3;grid-row:1;justify-content:center;gap:21px}.transport-time{grid-column:1;grid-row:2}.loop-button{grid-column:2;grid-row:2;justify-self:end}.transport .loop-button{min-height:32px}}
.start-button,.stop-button,.seek-button{display:grid;place-items:center;width:43px;height:43px;min-width:43px;min-height:43px;border-radius:9px;background:var(--accent);color:#263019;border:1px solid #e5ff9a;box-shadow:0 0 16px #d9f47930;transition:background .15s,box-shadow .15s,transform .15s}.start-button svg,.stop-button svg,.seek-button svg{width:24px;height:24px}.start-button svg,.stop-button svg{fill:currentColor}.stop-button svg{stroke:none}.start-button:hover:not(:disabled),.stop-button:hover:not(:disabled),.seek-button:hover:not(:disabled){background:#e5ff91;color:#263019;box-shadow:0 0 20px #d9f47960;transform:scale(1.04)}.start-button:focus-visible,.stop-button:focus-visible,.seek-button:focus-visible{outline:2px solid #edf9cc;outline-offset:4px}
@media(max-width:460px){.transport-center{gap:clamp(6px,2vw,13px)}}