/* v2.2 Tracker Studio. Original tracker-inspired interface, responsive and keyboard accessible. */
.tracker-studio{width:100%;max-width:100%;box-sizing:border-box}
.tracker-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.tracker-heading h2{margin:0;color:#315062}
.tracker-heading h2 small{color:#7b98a8;font-size:12px;font-weight:500}
.tracker-heading p{margin:6px 0 12px;line-height:1.6;font-size:12px;color:#577281}
#trackerStatus{font-size:12px;font-weight:800;color:#257a91;max-width:420px;text-align:right;line-height:1.5}
.tracker-controls,.tracker-chain,.tracker-actions,.tracker-editor,.tracker-edit-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:12px 0}
.tracker-controls label,.tracker-editor label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:850;letter-spacing:.06em;color:#47687a}
.tracker-controls input,.tracker-controls select,.tracker-chain input,.tracker-editor input,.tracker-editor select{min-height:40px;border:1px solid #abc4d0;color:#203d50;background:#fdfefe;border-radius:6px;padding:7px 8px;font-size:12px;max-width:150px}
.tracker-controls button,.tracker-chain button,.tracker-actions button,.tracker-editor button,.tracker-edit-tools button{min-height:42px;border:1px solid #a6bfcc;background:#eff5f8;color:#31556b;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:850}
.tracker-controls button:hover,.tracker-actions button:hover,.tracker-editor button:hover,.tracker-chain button:hover,.tracker-edit-tools button:hover{filter:brightness(.94)}
#trackerDelete,#trackerErase,#trackerCut{color:#924f41}
.tracker-edit-tools{gap:7px}.tracker-edit-tools button{flex:1 1 115px}
#trackerLoop[aria-pressed="true"]{background:#286d87;color:#fff;border-color:#23627b}
.tracker-chain{padding:10px;background:#e4eef3;border:1px solid #b9cfd8;border-radius:8px;align-items:center}
.tracker-chain label{font-size:11px;font-weight:850;color:#3c6477}
.tracker-chain input{flex:1;min-width:160px;max-width:350px;text-transform:uppercase;letter-spacing:.07em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.tracker-chain span{font-size:11px;color:#587788}
.tracker-headers{display:grid;grid-template-columns:54px repeat(4,minmax(0,1fr));min-width:600px;gap:4px;background:#213746;border:1px solid #365768;border-bottom:0;border-radius:8px 8px 0 0;padding:8px 9px;color:#bde3ee;text-align:center;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}
.tracker-grid-scroll{border:1px solid #496272;background:#172530;border-radius:0 0 9px 9px;max-height:408px;overflow:auto;scrollbar-color:#668698 #1d2b35}
.tracker-grid{min-width:600px;padding:4px 9px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.tracker-row{display:grid;grid-template-columns:54px repeat(4,minmax(0,1fr));gap:4px;min-height:32px;align-items:stretch}
.tracker-row:nth-child(4n+1){border-top:1px solid #395364}
.tracker-row-number{display:flex;align-items:center;justify-content:center;font-weight:700;color:#7d9aa9;font-size:11px}
.tracker-row.playing{background:#35536a}
.tracker-cell{border:1px solid transparent;border-radius:3px;text-align:center;min-width:0;background:#233848;color:#9ee0cc;white-space:pre;font-family:inherit;font-size:11px;letter-spacing:0;min-height:31px;padding:4px}
.tracker-row:nth-child(even) .tracker-cell{background:#1e3241}
.tracker-cell:hover{border-color:#5ba7ba}
.tracker-cell.selected,.tracker-row:nth-child(even) .tracker-cell.selected{background:#39728c;border-color:#a4dfef;color:white;box-shadow:inset 0 0 0 1px #9dc9de}
.tracker-cell:focus-visible{outline:2px solid #e9c67c;outline-offset:0}
.tracker-editor{background:#e5eef3;padding:12px;border:1px solid #bed2dc;border-radius:8px;align-items:flex-end}
.tracker-editor>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:130px;margin-right:4px}
.tracker-editor strong{font-size:11px;color:#3e5f72}
.tracker-editor small{font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#376e87}
.tracker-editor input{max-width:94px}
#trackerWrite,#trackerPlay{background:#286d87;border-color:#23627b;color:white}
.tracker-actions{border-top:1px solid #c2d5dd;padding-top:12px}
.tracker-guide{font-size:12px;line-height:1.7;color:#607d8c}
html.studio-simple #trackerStudio:not(.studio-current){display:none!important}
html[data-op1-theme=dark] .tracker-heading p,html[data-op1-theme=dark] #trackerStatus,html[data-op1-theme=dark] .tracker-guide{color:#b8d0dc}
html[data-op1-theme=dark] .tracker-controls label,html[data-op1-theme=dark] .tracker-editor label,html[data-op1-theme=dark] .tracker-chain label,html[data-op1-theme=dark] .tracker-editor strong{color:#c8e2ed}
html[data-op1-theme=dark] .tracker-editor,html[data-op1-theme=dark] .tracker-chain{background:#2c414d;border-color:#4b6979}
html[data-op1-theme=dark] .tracker-controls button,html[data-op1-theme=dark] .tracker-editor button,html[data-op1-theme=dark] .tracker-chain button,html[data-op1-theme=dark] .tracker-actions button,html[data-op1-theme=dark] .tracker-edit-tools button{background:#37505f;border-color:#617d8e;color:#e9f6fb}
html[data-op1-theme=dark] #trackerWrite,html[data-op1-theme=dark] #trackerPlay,html[data-op1-theme=dark] #trackerLoop[aria-pressed="true"]{background:#3585a0;color:#fff}
html[data-op1-theme=dark] .tracker-chain span,html[data-op1-theme=dark] .tracker-editor small{color:#c0d9e6}
@media(max-width:800px){
 .tracker-headers{display:none}
 .tracker-grid-scroll{max-height:360px}
 .tracker-controls label{flex:1 1 120px}
 .tracker-controls input,.tracker-controls select{max-width:none;width:100%}
 .tracker-controls button{flex:1 1 27%}
 .tracker-editor>div:first-child{flex:1 0 100%}
 .tracker-editor label{flex:1 1 90px}
 .tracker-editor label input,.tracker-editor label select{width:100%;max-width:none}
 .tracker-editor button{flex:1}
 .tracker-actions button{flex:1 1 42%;min-height:44px}
 .tracker-chain input{min-width:100px}
}

/* v2.3 Music-Making Update */
.tracker-view,.tracker-demos{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0;padding:10px 12px;background:#e7eff4;border:1px solid #bdcfda;border-radius:9px;font-size:12px}
.tracker-view label,.tracker-demos label{font-size:11px;font-weight:850;color:#3d6074}
.tracker-view select,.tracker-demos select{flex:1 1 155px;min-height:42px;min-width:0;max-width:350px;border-radius:6px;border:1px solid #abc4d0;background:#fff;color:#28475a;padding:8px}
.tracker-view small{flex:1 1 200px;color:#5c7b8b;font-size:11px}
.tracker-demos button{min-height:42px;background:#286d87;color:#fff;border:1px solid #23627b;padding:8px 14px;border-radius:7px;font-weight:850}
.tracker-audition{display:flex;align-items:center;gap:7px;font-size:11px;color:#47687a;font-weight:800}
.tracker-audition input{width:18px;height:18px;accent-color:#286d87}
.tracker-batch-editor{margin:12px 0;border:1px solid #b5cbd8;border-radius:9px;background:#eef4f7;overflow:hidden}
.tracker-batch-editor summary{cursor:pointer;padding:13px 14px;font-size:12px;font-weight:900;letter-spacing:.045em;color:#31566c}
.tracker-batch-editor[open] summary{border-bottom:1px solid #b5cbd8}
.tracker-batch-form{padding:12px;display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.tracker-batch-form label{display:flex;flex-direction:column;gap:5px;color:#416477;font-size:10px;font-weight:850;letter-spacing:.04em}
.tracker-batch-form select,.tracker-batch-form input{height:40px;max-width:185px;min-width:100px;background:#fff;border:1px solid #adbfce;border-radius:6px;color:#26475c;padding:8px;font-size:12px}
.tracker-batch-form button{min-height:42px;padding:8px 11px;border:1px solid #a8c2d0;border-radius:7px;background:#fff;color:#28506a;font-size:11px;font-weight:850}
.tracker-batch-form button:hover,.tracker-demos button:hover{filter:brightness(.95)}
.tracker-mixer{border:1px solid #aac4d1;border-radius:10px;background:#eaf2f6;margin:15px 0;padding:12px}
.tracker-mixer h3{color:#31556a;font-size:12px;margin:0 0 12px;letter-spacing:.05em}
.tracker-mixer h3 small{font-weight:500;font-size:11px;color:#658190;letter-spacing:normal}
.tracker-mixer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tracker-mixer-strip{display:flex;flex-direction:column;gap:10px;border:1px solid #b7cbd5;border-radius:8px;padding:10px;background:#f8fcfd;min-width:0}
.tracker-mixer-strip strong{font-size:11px;color:#245873}
.tracker-mixer-strip label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:800;color:#4d7182}
.tracker-mixer-strip label output{font-weight:700;color:#286d87}
.tracker-mixer-strip input[type=range]{width:100%;height:24px;accent-color:#347f9d;cursor:pointer;touch-action:pan-y}
.tracker-mixer-strip>div{display:flex;gap:6px;flex-wrap:wrap}
.tracker-mixer-strip button{flex:1 1 45%;min-height:40px;border-radius:6px;background:#e8f1f5;border:1px solid #a8c1ce;color:#31576c;font-weight:850;font-size:11px}
.tracker-mixer-strip button[aria-pressed=true]{background:#356f8b;border-color:#245e78;color:#fff}
.tracker-studio:not([data-focus-channel=all]) .tracker-headers{display:none}
.tracker-studio:not([data-focus-channel=all]) .tracker-row{grid-template-columns:54px minmax(0,1fr)}
.tracker-studio:not([data-focus-channel=all]) .tracker-grid{min-width:0}
.tracker-studio[data-focus-channel="0"] .tracker-cell:not([data-tracker-ch="0"]),
.tracker-studio[data-focus-channel="1"] .tracker-cell:not([data-tracker-ch="1"]),
.tracker-studio[data-focus-channel="2"] .tracker-cell:not([data-tracker-ch="2"]),
.tracker-studio[data-focus-channel="3"] .tracker-cell:not([data-tracker-ch="3"]){display:none}
html[data-op1-theme=dark] .tracker-view,html[data-op1-theme=dark] .tracker-demos,html[data-op1-theme=dark] .tracker-batch-editor,html[data-op1-theme=dark] .tracker-mixer{background:#2c414d;border-color:#4b6979;color:#d2e9f3}
html[data-op1-theme=dark] .tracker-view label,html[data-op1-theme=dark] .tracker-view small,html[data-op1-theme=dark] .tracker-demos label,html[data-op1-theme=dark] .tracker-batch-editor summary,html[data-op1-theme=dark] .tracker-batch-form label,html[data-op1-theme=dark] .tracker-mixer h3,html[data-op1-theme=dark] .tracker-mixer h3 small,html[data-op1-theme=dark] .tracker-audition{color:#d2e9f3}
html[data-op1-theme=dark] .tracker-mixer-strip{background:#243945;border-color:#527081}
html[data-op1-theme=dark] .tracker-mixer-strip strong,html[data-op1-theme=dark] .tracker-mixer-strip label{color:#d3e9f4}
html[data-op1-theme=dark] .tracker-mixer-strip button{background:#345264;color:#e5f5fb;border-color:#658494}
html[data-op1-theme=dark] .tracker-mixer-strip button[aria-pressed=true]{background:#286d87;color:#fff}
@media(max-width:800px){.tracker-mixer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-batch-form label{flex:1 1 130px}.tracker-batch-form button{flex:1 1 125px}}
@media(max-width:420px){.tracker-mixer{padding:8px}.tracker-mixer-strip{padding:8px}.tracker-view small{flex:1 1 100%}.tracker-edit-tools button{flex:1 1 40%}}

/* v2.4 Performance & Arrangement controls */
.tracker-performance{margin:14px 0;padding:13px;border:1px solid #adcbd5;border-radius:10px;background:linear-gradient(155deg,#e8f3f6,#dcebf1)}
.tracker-perf-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tracker-perf-head>div{display:flex;flex-direction:column;gap:3px;flex:1 1 165px}
.tracker-perf-head h3{margin:0;font-size:13px;letter-spacing:.04em;color:#315c75}
#trackerTransport{font-size:11px;font-weight:800;color:#548092}
#trackerTransport[data-playing=true]{color:#2d7e55}
.tracker-perf-head>label,.tracker-perf-tools>label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:850;color:#476a7b}
.tracker-perf-head select,.tracker-perf-tools select{min-height:40px;min-width:110px;background:#fff;border:1px solid #a8c2cf;border-radius:7px;padding:7px;color:#2f566b}
.tracker-perf-head button,.tracker-perf-tools button{min-height:42px;padding:8px 12px;border:1px solid #a2c2ce;border-radius:7px;background:#fafefe;color:#28536c;font-weight:850;font-size:11px}
.tracker-perf-head button:hover,.tracker-perf-tools button:hover{filter:brightness(.96)}
#trackerLiveStatus{font-size:12px;color:#3e7186;margin:8px 0}
.tracker-launch-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.tracker-launch-pad{min-height:59px;border-radius:9px;border:1px solid #88b4c9;background:#fafdff;color:#285a74;font-weight:900;letter-spacing:.04em;font-size:12px;cursor:pointer}
.tracker-launch-pad[aria-pressed=true]{background:#357b91;border-color:#25697e;color:#fff;box-shadow:inset 0 0 0 2px #b5e9da}
.tracker-launch-pad.queued{border-color:#c58b3c;background:#fff0d4;color:#734c20}
.tracker-launch-pad:focus-visible,.tracker-perf-head button:focus-visible,.tracker-perf-tools button:focus-visible{outline:3px solid #f19743;outline-offset:2px}
.tracker-perf-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.tracker-perf-tools small{color:#587889;font-size:11px;font-weight:800}
.tracker-perf-tools button[aria-pressed=true],#trackerTape:not(:disabled):has(+button){border-color:#c06b54}
.tracker-perf-note{font-size:11px;line-height:1.55;color:#527588;margin:10px 0 0}
html[data-op1-theme=dark] .tracker-performance{background:#273e4a;border-color:#54768a}
html[data-op1-theme=dark] .tracker-perf-head h3,html[data-op1-theme=dark] #trackerTransport,html[data-op1-theme=dark] .tracker-perf-head>label,html[data-op1-theme=dark] .tracker-perf-tools>label,html[data-op1-theme=dark] .tracker-perf-tools small,html[data-op1-theme=dark] .tracker-perf-note,html[data-op1-theme=dark] #trackerLiveStatus{color:#d3e8f3}
html[data-op1-theme=dark] .tracker-launch-pad{background:#35576a;color:#effcff;border-color:#577a8d}
html[data-op1-theme=dark] .tracker-launch-pad[aria-pressed=true]{background:#1e7284;color:#fff}
html[data-op1-theme=dark] .tracker-launch-pad.queued{background:#674f32;border-color:#daa85c;color:#fff3d6}
@media(max-width:640px){
 .tracker-launch-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .tracker-perf-head>label{flex:1 1 140px}
 .tracker-perf-head button{flex:1 1 110px}
 .tracker-perf-tools>label{flex:1 1 100%}
 .tracker-perf-tools button{flex:1 1 45%}
}

/* v2.5 focus-first tracker layout and accessible original music browser. */
.tracker-grid-label{margin:15px 0 7px;color:#32596b;letter-spacing:.07em;font-size:12px;font-weight:850}
.tracker-disclosure,.tracker-library{border:1px solid #bdd1db;border-radius:9px;background:#edf4f7;margin:11px 0;overflow:hidden}
.tracker-disclosure>summary,.tracker-library>summary{padding:12px 14px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;letter-spacing:.04em;font-weight:850;color:#285971;cursor:pointer;min-height:46px}
.tracker-disclosure>summary small,.tracker-library>summary small{font-size:10px;letter-spacing:0;font-weight:500;color:#5d8090}
.tracker-disclosure[open]>summary,.tracker-library[open]>summary{border-bottom:1px solid #bdd1db}
.tracker-disclosure .tracker-performance,.tracker-disclosure .tracker-mixer{margin:10px}
.tracker-help p,.tracker-feel p{padding:0 13px 12px;margin:8px 0;font-size:11px;line-height:1.6}
.tracker-groove-controls{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tracker-groove-controls label{font-size:10px;font-weight:800;color:#3a6072;display:flex;flex-direction:column;gap:5px}
.tracker-groove-controls select{width:100%;min-height:42px;border:1px solid #aac6d0;border-radius:7px;background:#fff;color:#224b61;padding:6px}
.tracker-demos{background:#e1edf2;border-color:#b8d0da;padding:12px}
.tracker-demos #trackerBrowse{background:#f7fcfe;color:#285a72;border:1px solid #abc3d0}
.tracker-library{background:#f5f9fa}
.tracker-library-filters{display:flex;align-items:end;gap:9px;padding:11px 12px 7px;flex-wrap:wrap}
.tracker-library-filters label{flex:1 1 150px;display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:850;color:#426b7e}
.tracker-library-filters input,.tracker-library-filters select{min-height:42px;width:100%;background:#fff;color:#2b4d60;border:1px solid #b3cbd6;border-radius:7px;padding:8px}
.tracker-library-filters small{flex:1 1 100%;font-size:10px;font-weight:750;color:#617d8c}
.tracker-song-grid{max-height:325px;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 12px;align-content:start}
.tracker-song-card{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid #c1d6df;border-radius:9px;padding:11px}
.tracker-song-info{min-width:125px;flex:1 1 125px;display:flex;flex-direction:column;gap:4px}
.tracker-song-info strong{font-size:12px;color:#315568}
.tracker-song-info small{font-size:10px;color:#728995}
.tracker-song-actions{display:flex;gap:5px;flex:0 1 auto;flex-wrap:wrap}
.tracker-song-actions button{min-height:40px;padding:7px 10px;font-weight:850;font-size:10px;border-radius:7px;border:1px solid #afc8d4;background:#f4fafc;color:#376078}
.tracker-song-actions button[aria-pressed=true]{background:#337789;color:#fff;border-color:#337789}
.tracker-song-actions button:focus-visible,.tracker-library-filters input:focus-visible,.tracker-library-filters select:focus-visible{outline:3px solid #f39948;outline-offset:2px}
.tracker-library-note{font-size:11px;line-height:1.5;color:#607d8b;padding:2px 13px 12px;margin:4px 0}
html[data-op1-theme=dark] .tracker-disclosure,html[data-op1-theme=dark] .tracker-library{background:#293d48;border-color:#496879}
html[data-op1-theme=dark] .tracker-disclosure>summary,html[data-op1-theme=dark] .tracker-library>summary,html[data-op1-theme=dark] .tracker-grid-label,html[data-op1-theme=dark] .tracker-groove-controls label{color:#d5e9f3}
html[data-op1-theme=dark] .tracker-disclosure>summary small,html[data-op1-theme=dark] .tracker-library>summary small,html[data-op1-theme=dark] .tracker-library-filters small,html[data-op1-theme=dark] .tracker-library-note{color:#c5dce7}
html[data-op1-theme=dark] .tracker-song-card{background:#304b59;border-color:#567385}
html[data-op1-theme=dark] .tracker-song-info strong,html[data-op1-theme=dark] .tracker-song-info small{color:#e1f1f7}
@media(max-width:830px){.tracker-groove-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-song-grid{grid-template-columns:1fr}}
@media(max-width:440px){.tracker-groove-controls{grid-template-columns:1fr}.tracker-song-grid{max-height:290px}.tracker-song-card{padding:9px}.tracker-song-actions button{flex:1 1 auto}}

/* v2.6 Stage 2: song arrangement recorder and editable section list */
.tracker-song-builder{background:linear-gradient(145deg,#f5f9fa,#e7f2f4);border:1px solid #b6d0d8;border-radius:12px;margin:15px 0;padding:15px;color:#32566a}
.tracker-song-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.tracker-song-builder-heading>div{flex:1 1 240px}
.tracker-song-builder-heading span{font-size:10px;letter-spacing:.10em;font-weight:850;color:#477d91}
.tracker-song-builder-heading h3{font-size:19px;margin:4px 0 5px;font-weight:850;line-height:1.3}
.tracker-song-builder-heading p{font-size:12px;line-height:1.6;margin:0;color:#597687}
#trackerArrangementCount{font-size:11px;white-space:nowrap;letter-spacing:.02em;color:#537487}
.tracker-song-builder-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}
.tracker-song-builder-tools button{border:1px solid #a6c4d0;border-radius:8px;background:#fff;color:#315b70;font-weight:800;padding:10px 12px;font-size:11px;min-height:43px;cursor:pointer}
.tracker-song-builder-tools #trackerRecordArrangement{color:#fff;background:#347991;border-color:#347991}
.tracker-song-builder-tools #trackerRecordArrangement[aria-pressed=true]{background:#a33e39;border-color:#a33e39}
.tracker-song-builder-tools button:disabled{cursor:not-allowed;opacity:.55}
.tracker-song-builder-tools button:focus-visible,.tracker-arrangement-item button:focus-visible,.tracker-arrangement-item select:focus-visible{outline:3px solid #e79a44;outline-offset:2px}
.tracker-song-empty{font-size:12px;line-height:1.5;padding:12px 13px;margin:12px 0 4px;background:#fff;border:1px dashed #b6d2dc;border-radius:7px;color:#678190}
.tracker-arrangement-sections{display:flex;flex-direction:column;gap:7px;margin-top:12px;max-height:350px;overflow:auto;overscroll-behavior:contain}
.tracker-arrangement-item{display:grid;grid-template-columns:32px minmax(110px,1fr) minmax(115px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid #bad1db}
.tracker-arrangement-item.playing{border-color:#3a8a75;box-shadow:inset 3px 0 #3a8a75}
.tracker-arrangement-item>strong{font-size:12px;color:#57778a}
.tracker-arrangement-item select{width:100%;min-width:0;min-height:39px;border:1px solid #b9cbd4;border-radius:6px;background:#f9fcfd;color:#335366;padding:7px;font-size:11px}
.tracker-arrangement-actions{display:flex;gap:4px}
.tracker-arrangement-actions button{font-size:15px;min-height:39px;min-width:36px;border:1px solid #aac5d0;border-radius:6px;color:#34627c;background:#f4f9fb;font-weight:800}
.tracker-arrangement-actions button:disabled{opacity:.42;cursor:not-allowed}
.tracker-song-builder-help{font-size:11px;line-height:1.5;color:#607d8b;margin:10px 0 0}
html[data-op1-theme=dark] .tracker-song-builder{background:#263f4e;color:#e1f0f7;border-color:#567b8d}
html[data-op1-theme=dark] .tracker-song-builder-heading h3,html[data-op1-theme=dark] .tracker-song-builder-heading p,html[data-op1-theme=dark] .tracker-song-builder-heading span,html[data-op1-theme=dark] #trackerArrangementCount,html[data-op1-theme=dark] .tracker-song-builder-help{color:#d3e8f2}
html[data-op1-theme=dark] .tracker-arrangement-item,html[data-op1-theme=dark] .tracker-song-empty{background:#2b4858;color:#e6f5fc;border-color:#54788b}
html[data-op1-theme=dark] .tracker-arrangement-item>strong{color:#e1f0f7}
html[data-op1-theme=dark] .tracker-arrangement-item select,html[data-op1-theme=dark] .tracker-arrangement-item button,html[data-op1-theme=dark] .tracker-song-builder-tools button:not(#trackerRecordArrangement){background:#38586a;color:#f2fcff;border-color:#658a9e}
@media(max-width:660px){.tracker-arrangement-item{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:6px}.tracker-arrangement-actions{grid-column:2/-1;justify-content:flex-end}.tracker-song-builder-tools button{flex:1 1 43%}}
@media(max-width:410px){.tracker-song-builder{padding:11px}.tracker-arrangement-actions button{flex:1;min-width:32px}.tracker-song-builder-tools button{flex:1 1 100%}}

/* v2.6 Stage 3: editable visual timeline and gentle musical starter patterns */
.tracker-song-starters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,220px) auto;align-items:center;gap:10px;margin-top:16px;padding:13px;background:#fff;border:1px solid #b8d3db;border-radius:10px}
.tracker-song-starters>div{grid-row:span 2}
.tracker-song-starters strong{display:block;font-size:11px;color:#366277;letter-spacing:.08em}
.tracker-song-starters p{font-size:11px;line-height:1.55;color:#668291;margin:5px 0 0}
.tracker-song-starters label{font-size:10px;font-weight:800;color:#557989}
.tracker-song-starters select{min-height:42px;border:1px solid #b5cbd7;border-radius:7px;padding:8px;min-width:0;background:#f9fcfd;color:#2b556e}
.tracker-song-starters button{min-height:42px;border:1px solid #4e819b;border-radius:7px;background:#377b93;color:#fff;padding:8px 12px;font-size:11px;font-weight:850;cursor:pointer}
.tracker-song-starters small{grid-column:2/-1;color:#637f8e;font-size:11px;line-height:1.45}
.tracker-song-timeline{margin-top:15px;background:#fff;border:1px solid #b7d0da;border-radius:10px;overflow:hidden}
.tracker-song-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid #d0dfe6;flex-wrap:wrap}
.tracker-song-timeline-head strong{font-size:11px;font-weight:850;letter-spacing:.07em;color:#315d75}
.tracker-song-timeline-head span{font-size:10px;color:#65828e}
.tracker-song-timeline-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:10px 11px}
.tracker-song-timeline-blocks{display:flex;align-items:stretch;gap:5px;min-width:100%;width:max-content}
.tracker-song-block{min-width:100px;min-height:74px;max-width:450px;border:1px solid #9cbfcf;border-radius:8px;background:#e7f4fa;color:#2c5c76;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:12px;text-align:left;cursor:pointer;position:relative}
.tracker-song-block strong{font-size:13px;line-height:1.1}
.tracker-song-block small{font-size:10px;line-height:1.2;color:inherit;opacity:.86}
.tracker-song-block[data-section-kind="intro"]{background:#e6f2eb;color:#2f6952;border-color:#a4cbb4}
.tracker-song-block[data-section-kind="verse"]{background:#eaf1fc;color:#365d9a;border-color:#b7cbed}
.tracker-song-block[data-section-kind="chorus"]{background:#f9edf5;color:#89577f;border-color:#dfb9d5}
.tracker-song-block[data-section-kind="break"]{background:#fff2de;color:#8f6735;border-color:#e3c99f}
.tracker-song-block[data-section-kind="outro"]{background:#ebe9f5;color:#67588f;border-color:#c9c0e0}
.tracker-song-block[aria-pressed="true"]{outline:2px solid #2f7d9b;outline-offset:-3px}
.tracker-song-block.playing{box-shadow:inset 0 -5px #358e6e}
.tracker-song-block:focus-visible,.tracker-song-starters button:focus-visible,.tracker-song-starters select:focus-visible{outline:3px solid #ec9f4d;outline-offset:2px}
#trackerArrangementTimelineEmpty{color:#6f8590;font-size:11px;margin:5px;line-height:1.5}
.tracker-arrangement-item{grid-template-columns:26px minmax(90px,.7fr) minmax(105px,1fr) minmax(105px,1fr) auto}
.tracker-arrangement-item.selected{border-color:#3985a2;box-shadow:inset 3px 0 #3985a2}
html[data-op1-theme=dark] .tracker-song-starters,html[data-op1-theme=dark] .tracker-song-timeline{background:#314c5b;border-color:#58798c}
html[data-op1-theme=dark] .tracker-song-starters strong,html[data-op1-theme=dark] .tracker-song-timeline-head strong{color:#e2f5fc}
html[data-op1-theme=dark] .tracker-song-starters p,html[data-op1-theme=dark] .tracker-song-starters label,html[data-op1-theme=dark] .tracker-song-starters small,html[data-op1-theme=dark] .tracker-song-timeline-head span{color:#d1e7f0}
html[data-op1-theme=dark] .tracker-song-block[aria-pressed="true"]{outline-color:#174d68}
@media(max-width:950px){.tracker-arrangement-item{grid-template-columns:24px repeat(2,minmax(0,1fr));gap:7px}.tracker-arrangement-item select[data-arrangement-rows]{grid-column:2}.tracker-arrangement-actions{grid-column:3;justify-content:flex-end}.tracker-song-starters{grid-template-columns:minmax(0,1fr) minmax(150px,1fr);gap:8px}.tracker-song-starters>div{grid-column:1/-1;grid-row:auto}.tracker-song-starters button{grid-column:2}.tracker-song-starters small{grid-column:1/-1}}
@media(max-width:550px){.tracker-arrangement-item{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr)}.tracker-arrangement-item select[data-arrangement-label]{grid-column:2}.tracker-arrangement-item select[data-arrangement-pattern]{grid-column:3}.tracker-arrangement-item select[data-arrangement-rows]{grid-column:2}.tracker-arrangement-actions{grid-column:3}.tracker-song-starters{grid-template-columns:1fr}.tracker-song-starters>div,.tracker-song-starters label,.tracker-song-starters select,.tracker-song-starters button,.tracker-song-starters small{grid-column:1}}
@media(prefers-reduced-motion:reduce){.tracker-song-block{scroll-behavior:auto}}

/* v2.6 Stage 4: a clear, beginner-friendly finish-and-save area. */
.tracker-finish-panel{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin:17px 0 14px;padding:18px;border:1px solid #a9cbd8;border-radius:12px;background:linear-gradient(145deg,#e7f4f3,#ecf5fa);color:#305567}
.tracker-finish-heading span{display:block;color:#2d7b73;font-size:11px;letter-spacing:.10em;font-weight:850}
.tracker-finish-heading h3{font-size:19px;margin:6px 0;line-height:1.25}
.tracker-finish-heading p{font-size:12px;line-height:1.55;color:#526c79;margin:0 0 8px}
#trackerFinishSummary{display:block;font-size:12px;color:#496e7e}
.tracker-finish-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tracker-finish-actions button{min-height:52px;border:1px solid #9dc0ca;border-radius:8px;background:#fff;color:#336274;cursor:pointer;padding:10px 12px;font-weight:850;letter-spacing:.03em;font-size:11px;line-height:1.4}
.tracker-finish-actions #trackerFinishSong{background:#2e826f;border-color:#2e826f;color:#fff}
.tracker-finish-actions button:disabled{opacity:.50;cursor:not-allowed}
.tracker-finish-actions button:focus-visible{outline:3px solid #e69f4c;outline-offset:3px}
#trackerFinishStatus{font-size:12px;color:#517381;line-height:1.55;margin:0;min-height:19px}
html[data-op1-theme=dark] .tracker-finish-panel{background:#294853;border-color:#597c89;color:#e8f5f8}
html[data-op1-theme=dark] .tracker-finish-heading span,html[data-op1-theme=dark] .tracker-finish-heading p,html[data-op1-theme=dark] #trackerFinishStatus,html[data-op1-theme=dark] #trackerFinishSummary{color:#c8e5ec}
html[data-op1-theme=dark] .tracker-finish-actions button:not(#trackerFinishSong){background:#3c5d6c;color:#f1fcff;border-color:#6a91a0}
@media(max-width:580px){.tracker-finish-panel{padding:13px}.tracker-finish-actions{grid-template-columns:1fr}}