/* 只统一浮层细节，不修改谱纸、导航、播放或任务状态。 */
:where(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#appearance-panel,#account-panel,.collect-layer) {
  --popup-line:color-mix(in srgb,var(--material-line) 48%,var(--material-paper));
  --popup-muted:#65746d;
}
:root[data-night=true] :where(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#appearance-panel,#account-panel,.collect-layer) { --popup-muted:var(--muted); }
:is(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#appearance-panel,#account-panel,.collect-layer) { border-color:var(--popup-line); }
:where(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#appearance-panel,#account-panel,.collect-layer) :is(button,input,select,summary):focus-visible {
  outline:2px solid var(--material-green); outline-offset:2px; box-shadow:none;
}
:is(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#account-panel) button:is(.window-close,[data-tempo-close],[data-track-close],[data-panel-close],header>[data-import-action="close"],.account-close) {
  display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:12px;
  border:0; border-radius:10px; background:transparent; color:var(--popup-muted); box-shadow:none; font-size:24px; line-height:1;
}
:is(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#account-panel) button:is(.window-close,[data-tempo-close],[data-track-close],[data-panel-close],header>[data-import-action="close"],.account-close) .icon { width:18px; height:18px; }
:is(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#account-panel) button:is(.window-close,[data-tempo-close],[data-track-close],[data-panel-close],header>[data-import-action="close"],.account-close):hover:not(:disabled) { background:var(--material-soft); color:var(--material-green); filter:none; }
:is(.tempo-panel,.transpose-popover,.score-track-panel,.library-panel,.import-panel,#account-panel) button:is(.window-close,[data-tempo-close],[data-track-close],[data-panel-close],header>[data-import-action="close"],.account-close):focus-visible { outline-offset:-3px; }
.tempo-panel .tempo-adjust>button { border-color:var(--popup-line); box-shadow:none; }
.tempo-panel .tempo-adjust .tempo-edit { border-color:transparent; background:transparent; box-shadow:none; }
.tempo-panel p,.library-panel header p,.track-panel-intro,.track-prototype-note,.import-panel header small { color:var(--popup-muted); }
.workbench-v2>.transpose-popover select,.score-track-panel .track-voice select { min-height:40px; padding:6px 10px; border:1px solid var(--popup-line); border-radius:8px; background:var(--material-paper); color:var(--ink); }
.score-track-panel .track-display-items label { border-color:var(--popup-line); }
.score-track-panel .track-display-items label:has(input:focus-visible) { outline:2px solid var(--material-green); outline-offset:2px; }
.score-track-panel .track-display-items input:focus-visible { outline:none; }
#workbench-library :is(.panel-song,.panel-version,.panel-pagination,.panel-search) { border-color:var(--popup-line); }
#workbench-library .panel-search:focus-within { border-color:var(--material-green); box-shadow:none; }
#workbench-library .panel-filter button { border-color:var(--popup-line); box-shadow:none; }
#workbench-library .panel-filter button[aria-pressed=true] { background:var(--material-soft); box-shadow:none; }
#appearance-panel { padding:24px; }
#appearance-panel h2,#account-panel h2,.import-panel h2 { font-size:24px; font-weight:600; }
#appearance-panel .appearance-palettes { gap:8px; margin:16px 0; }
#appearance-panel .appearance-palettes button { min-height:52px; padding:10px 12px; gap:12px; border-color:var(--popup-line); }
#appearance-panel .appearance-palettes [aria-checked=true] { outline:none; background:var(--material-soft); border-color:var(--popup-line); }
#appearance-panel .appearance-palettes button:focus-visible { outline:2px solid var(--material-green); outline-offset:2px; }
#appearance-panel .appearance-swatch { width:26px; height:26px; border-radius:7px; }
#appearance-panel .appearance-option { min-height:44px; margin:8px 0; }
#appearance-panel .appearance-option:has(input:focus-visible) { outline:2px solid var(--material-green); outline-offset:2px; border-radius:8px; }
#appearance-panel .appearance-option input:focus-visible { outline:none; }
#appearance-panel [data-appearance-close] { min-height:44px; margin-top:12px; }
:is(#appearance-panel,#account-panel)::backdrop,.import-scrim,.import-scrim:hover { background:#21352a14; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.import-empty .import-dropzone { padding:24px 20px; gap:12px; }
.import-empty .import-drop-actions { margin-top:4px; }
.transpose-popover [data-transposition-reset] { margin-top:12px; min-height:44px; width:100%; padding:8px 12px; border:1px solid var(--popup-line); border-radius:8px; color:var(--ink); background:var(--material-soft); }
.transpose-popover [data-transposition-reset]:disabled { opacity:.45; cursor:default; }
@media(pointer:coarse) { .workbench-v2>.transpose-popover select,.score-track-panel .track-voice select { min-height:44px; } }
@media(max-width:600px) { #appearance-panel { padding:20px; } .import-empty .import-dropzone { padding:20px 12px; } }
:root[data-reduced-motion=true] :is(#appearance-panel,#account-panel)::backdrop,:root[data-reduced-motion=true] .import-scrim { -webkit-backdrop-filter:none; backdrop-filter:none; }
@media(prefers-reduced-motion:reduce) { :is(#appearance-panel,#account-panel)::backdrop,.import-scrim { -webkit-backdrop-filter:none; backdrop-filter:none; } }
