/* 固定be014714的内容层级，保留104窗口行为和103纸色变量。 */
.score-track-panel>header { grid-template-columns:minmax(0,1fr) 44px; border-bottom:0; padding:12px 0 8px; }
.score-track-panel [data-track-close] { grid-column:2; grid-row:1; }
.track-tabs { grid-column:1/-1; display:flex; gap:4px; padding:4px; border-radius:10px; background:var(--material-soft); }
.track-tabs button { flex:1; min-height:36px; height:36px; padding:4px 8px; border:0; border-radius:7px; background:transparent; color:#68776e; box-shadow:none; }
.track-tabs [aria-selected=true] { background:var(--material-paper); color:var(--material-green); box-shadow:0 1px 4px #263b3018; font-weight:600; }
.score-track-panel .track-columns { display:none; }
.score-track-panel .track-group { min-width:0; }
.score-track-panel .track-display-items { margin:0 0 8px; padding:0 0 12px; border:0; border-bottom:1px solid var(--material-line); background:transparent; }
.score-track-panel .track-display-items label { flex:1 0 28%; justify-content:center; min-height:40px; }
.score-track-panel .track-display-items { gap:6px; }
.score-track-panel .track-display-items legend { position:static; width:auto; height:auto; clip-path:none; margin-bottom:6px; font-size:12px; font-weight:500; color:#718077; }
.score-track-panel .track-display-items label { padding:5px 9px; border:1px solid var(--material-line); border-radius:8px; font-weight:500; }
.score-track-panel .track-display-items label:has(input:checked) { background:var(--material-soft); color:var(--material-green); border-color:var(--material-line); box-shadow:none; }
.score-track-panel .track-display-items label:has(input:disabled) { opacity:.55; }
.track-panel-intro { margin:6px 0 10px; font-size:12px; line-height:1.7; color:#708077; }
.score-track-panel[data-view=sound] .track-panel-intro { display:none; }
.score-track-panel[data-view=score] :is(.sound-only,.track-prototype-note,.show-sounding-tracks) { display:none; }
.score-track-panel[data-view=sound] :is(.score-only,.track-display-items,.track-reason) { display:none; }
.score-track-panel .track-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; padding:8px 0; }
.score-track-panel .track-name { grid-column:1; font-size:14px; line-height:1.4; align-self:center; }
.score-track-panel .track-name small { font-size:11px; font-weight:400; }
.score-track-panel .track-check { justify-content:flex-end; gap:10px; min-height:28px; height:28px; margin:0; }
.score-track-panel .track-mobile-label { display:inline; margin:0; font-size:12px; }
.score-track-panel .track-check input { appearance:none; position:relative; width:36px; height:22px; border:1px solid var(--material-line); border-radius:20px; background:var(--material-soft); transition:background 200ms; }
.score-track-panel .track-check input::after { content:''; position:absolute; width:16px; height:16px; top:2px; left:2px; border-radius:50%; background:var(--material-paper); box-shadow:0 1px 3px #20392c33; transition:translate 300ms cubic-bezier(.2,.8,.3,1.2); }
.score-track-panel .track-check input:checked { background:var(--material-green); border-color:var(--material-green); }
.score-track-panel .track-check input:checked::after { translate:14px 0; }
.score-track-panel .track-check input[data-animated=true]:checked::after { animation:track-jelly-on 350ms var(--material-ease); }
.score-track-panel .track-check input[data-animated=true]:not(:checked)::after { animation:track-jelly-off 350ms var(--material-ease); }
@keyframes track-jelly-on { 0% { translate:0 0; scale:1; } 42% { scale:1.5 .86; } 76% { scale:.9 1.06; } 100% { translate:14px 0; scale:1; } }
@keyframes track-jelly-off { 0% { translate:14px 0; scale:1; } 42% { scale:1.5 .86; } 76% { scale:.9 1.06; } 100% { translate:0 0; scale:1; } }
.score-track-panel .track-check input:disabled { opacity:.45; }
.score-track-panel .track-check input:focus-visible { outline:2px solid var(--material-green); outline-offset:3px; }
.track-voice { grid-column:1; display:flex; align-items:center; gap:8px; margin:0; font-size:12px; }
.score-track-panel .track-voice select { width:100px; min-height:30px; padding:3px 7px; border-radius:8px; }
.score-track-panel .track-volume { grid-column:1/-1; grid-row:3; display:flex; align-items:center; gap:12px; min-height:26px; min-width:0; font-size:12px; }
.score-track-panel .track-volume input { flex:1; min-width:0; min-height:26px; height:26px; }
.score-track-panel .track-volume output { width:40px; text-align:right; font-variant-numeric:tabular-nums; }
.track-solo { grid-column:2; grid-row:2; min-height:30px; padding:4px 10px; border:0; border-radius:7px; background:transparent; color:var(--material-green); font-size:12px; }
.track-solo[aria-pressed=true] { background:var(--material-soft); }
.track-unavailable { margin-top:4px; padding-top:6px; border-top:1px solid var(--material-line); }
.track-unavailable>summary { min-height:28px; padding:6px 0; font-size:12px; }
#workbench-library { background:var(--material-paper); border-color:var(--material-line); }
#workbench-library .panel-search { min-height:48px; margin:8px 0 14px; border-color:var(--material-line); border-radius:10px; background:var(--material-paper); }
#workbench-library .panel-search:focus-within { outline:none; border-color:var(--material-green); box-shadow:0 0 0 1px var(--material-green); }
#workbench-library .panel-search input:is(:focus,:focus-visible) { outline:none!important; box-shadow:none!important; border:0; background:transparent; }
#workbench-library .panel-tabs { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; border:0; margin:0 0 12px; }
.panel-category-group { display:flex; align-items:center; gap:12px; }
.panel-category-group>span { font-size:11px; color:var(--material-green); }
#workbench-library .panel-tabs button { flex:none; min-height:40px; padding:7px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; box-shadow:none; font-size:13px; }
#workbench-library .panel-tabs [aria-selected=true] { border-bottom-color:var(--material-green); color:var(--material-green); }
#workbench-library .panel-song { border-color:var(--material-line); }
#workbench-library .panel-expand { display:flex; align-items:center; gap:4px; width:auto; min-height:44px; background:transparent; border:0; color:var(--material-green); white-space:nowrap; font-size:12px; }
#workbench-library .panel-versions { padding:8px 14px; border-radius:10px; background:var(--material-soft); animation:panel-versions-in 180ms ease-out; }
#workbench-library .panel-version { display:flex; gap:8px; min-height:72px; border-color:var(--material-line); }
.panel-version-info { flex:1; min-width:0; padding:8px 0; }
.panel-version-info strong,.panel-version-info small { display:block; overflow-wrap:anywhere; }
.panel-version-info strong { font-size:13px; font-weight:500; line-height:1.5; }
.panel-version-info small { margin-top:4px; font-size:11px; }
#workbench-library .panel-version-open { flex:none; min-height:40px; padding:5px 12px; border:1px solid var(--material-line); border-radius:7px; background:var(--material-paper); color:var(--material-green); font-size:12px; }
.panel-pagination[hidden] { display:none; }
:root[data-night=true] .track-tabs { background:var(--v2-paper); }
:root[data-night=true] .track-tabs [aria-selected=true],:root[data-night=true] #workbench-library .panel-tabs [aria-selected=true] { background:var(--material-soft); color:var(--ink); }
@keyframes panel-versions-in { from { opacity:0; translate:0 -5px; } to { opacity:1; translate:0 0; } }
@media(max-width:600px) { .panel-category-group { gap:10px; flex-wrap:wrap; } #workbench-library .panel-tabs { gap:4px; } }
@media(pointer:coarse) { .track-tabs button,.track-solo,.score-track-panel .track-check,.track-unavailable>summary,.score-track-panel .track-voice select,.score-track-panel .track-volume,.score-track-panel .track-volume input { min-height:44px; } }
:root[data-reduced-motion=true] :is(.track-check input,.track-check input::after,.panel-versions) { transition:none!important; animation:none!important; }
@media(prefers-reduced-motion:reduce) { :is(.track-check input,.track-check input::after,.panel-versions) { transition:none!important; animation:none!important; } }
