/* One command row keeps references available without displacing the song list. */
.browse-workbench .workbench-heading{margin-bottom:8px;align-items:center}
.browse-workbench .workbench-save{min-height:30px;padding:4px 0;background:none;border:0;color:var(--muted);font-size:12px}
.browse-command-bar{display:flex;align-items:center;gap:16px;min-width:0;min-height:38px;margin-bottom:4px}
.browse-command-bar #sound-references{flex:1;min-width:0}
.sound-entry{display:flex;align-items:center;min-height:32px}
.sound-entry .text-button{min-height:32px;color:#cccccc;font-size:12px}
.sound-reference-bar{display:flex;align-items:center;gap:8px;min-width:0}
.sound-reference-label{flex:none;font-size:11px;color:var(--muted)}
.sound-reference-list{display:flex;align-items:center;gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.sound-reference-list::-webkit-scrollbar{display:none}
.sound-reference{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:0;width:145px;height:32px}
.sound-reference>img{width:28px;height:28px;object-fit:cover;border-radius:4px;flex:none}
.sound-reference>div{flex:1;min-width:0}
.sound-reference strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-size:12px;font-weight:400;color:#cccccc}
.sound-reference>.icon-button{width:20px;height:28px;padding:4px;color:var(--muted);border-radius:50%}
.sound-reference>.icon-button svg{width:11px;height:11px}
.sound-reference>.icon-button:hover{color:var(--text);background:#ffffff08}
.sound-add-reference{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:32px;padding:6px;color:var(--muted);border-radius:6px}
.sound-add-reference svg{width:14px;height:14px}
.sound-add-reference:hover{color:var(--text);background:#ffffff06}
.filter-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e6e6e60b;color:#cccccc;font-size:10px;font-variant-numeric:tabular-nums}
.browse-workbench .workbench-results-top{min-height:30px;margin-bottom:0;gap:12px}
.browse-workbench .workbench-results-top h2{flex:none;font-size:12px;color:var(--muted)}
.browse-result-note{min-width:0;font-size:10px;line-height:1.5;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browse-workbench .workbench-result-tools{gap:16px;flex:none}
.browse-workbench .workbench-result-tools .text-button{font-size:12px;min-height:28px}
.browse-workbench .rule-sentence{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browse-workbench .rule-sentence:empty{display:none}
.sound-prototype-note{font-size:11px;line-height:1.6;color:var(--muted);margin:4px 0 8px}
.sound-coverage{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 8px;max-width:760px}
/* Inline facets share the music list's rhythm; advanced conditions expand in place. */
.browse-workbench .inline-refine{display:block;padding:0 0 6px;margin:0;border:0}
.inline-filter-strip,.inline-filter-extra{display:flex;align-items:center;flex-wrap:wrap;gap:2px 14px;min-width:0}
.inline-facet,.inline-more{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;max-width:100%;min-height:32px;padding:4px 0;border-radius:6px;color:var(--muted);font-size:12px;text-align:left}
.inline-facet>span{display:block;min-width:0;max-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.inline-facet>svg,.inline-more>svg{width:10px;height:10px;color:var(--muted);flex:none}.inline-facet>svg{rotate:90deg}
.inline-facet:is(.active,[data-active=true]),.inline-release:is(.active,[data-active=true]) .select-trigger{color:var(--text)}
.inline-facet:is(.active,[data-active=true]){background:#e6e6e608;padding-inline:8px;margin-inline:-8px}
.inline-more[aria-expanded=true]{color:var(--text)}

.inline-reset{min-height:32px;font-size:11px;color:var(--muted)}
.inline-release{display:flex;align-items:center;min-width:0;max-width:180px;min-height:32px;font-size:12px;color:var(--muted)}
.inline-release .select-control{display:flex;max-width:100%;margin:0}
.inline-release .select-trigger{min-height:32px;padding:4px 0;gap:6px;color:inherit;font-size:12px}
.inline-release .select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline-filter-options{padding:8px 0 9px;margin:3px 0 2px;border-top:1px solid #e7e7e70a;border-bottom:1px solid #e7e7e70a}
.inline-filter-extra{gap:4px 20px;margin-bottom:8px}
.inline-filter-extra .follow-source{margin:0;min-height:32px;font-size:11px;color:var(--muted);gap:7px}
.inline-filter-extra .follow-source input{margin:0;width:14px;height:14px;accent-color:#cccccc}
.inline-filter-options .more-filters{border:0;padding:0}
.inline-filter-options .more-filters>summary{min-height:30px;font-size:11px}
.inline-filter-options .more-filters-grid{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 22px;padding-top:0}
.inline-filter-options .more-filters[open] .more-filters-grid{padding-top:8px}
.inline-filter-options .release-control{flex:0 1 170px;min-width:140px;font-size:11px;color:var(--muted)}
.inline-filter-options .release-control .select-control{margin-top:2px}
.inline-filter-options .release-control .select-trigger{padding:4px 0;min-height:30px;background:none;box-shadow:none;border-radius:4px;color:#cccccc}
.inline-filter-options .custom-dates{flex:0 1 310px;gap:12px}
.inline-refine>.custom-dates{display:inline-flex;max-width:350px;margin:4px 0 2px}
.inline-refine .custom-dates label{font-size:10px;color:var(--muted)}
.inline-refine .custom-dates input{min-height:30px;margin-top:3px;padding:4px 7px;font-size:11px}
.inline-refine .date-error{margin-top:4px;font-size:11px}
@media(hover:hover) and (pointer:fine){.inline-facet:hover,.inline-more:hover,.inline-reset:hover{color:var(--text)}.inline-facet:hover>svg,.inline-more:hover>svg{color:var(--muted)}}
:is(.inline-filter-strip,.inline-filter-options) button:focus-visible{outline:1px solid #c0c0c088;outline-offset:3px}
.browse-selection-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px 17px;min-height:36px;margin:0 0 4px;font-size:12px;color:var(--muted)}
.browse-selection-tools .text-button{font-size:12px;min-height:32px}
.browse-selection-tools>span:first-child{font-variant-numeric:tabular-nums}
.browse-select{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;min-height:32px;margin-left:-4px;cursor:pointer}
.browse-select input{width:15px;height:15px;margin:0;accent-color:#cccccc;cursor:pointer;flex:none}
.song-table .track-row[data-batch-selected=true]{background:#ffffff08}
.song-table .track-row[data-batch-selected=true]:after{opacity:0}
.reference-picker{width:480px}
.reference-picker-list{max-height:min(360px,48dvh);overflow-y:auto;overscroll-behavior:contain}
.reference-choice{display:flex;align-items:center;gap:11px;width:100%;min-height:56px;text-align:left;padding:7px;border-radius:8px}
.reference-choice>img{width:40px;height:40px;border-radius:4px;object-fit:cover;flex:none}
.reference-choice>span:not(.picker-check),.reference-choice>div{flex:1;min-width:0}
.reference-choice strong,.reference-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45}
.reference-choice strong{font-size:13px;font-weight:400;color:#cccccc}
.reference-choice small{font-size:11px;color:var(--muted);margin-top:3px}
.reference-choice .picker-check{display:grid;place-items:center;width:24px;height:24px;margin-left:auto;border:1px solid #d6d6d622;border-radius:50%;background:none;color:var(--muted);flex:none}
.reference-choice .picker-check svg{width:12px;height:12px}
.reference-choice:is([aria-pressed=true],[aria-selected=true]) .picker-check,.reference-choice .picker-check.selected{color:var(--text);background:#e5e5e50c;border-color:#cccccc47}
.reference-picker-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.5}
#reference-picker-status{font-size:11px;line-height:1.5;color:var(--muted);margin:7px 0}
#reference-picker-status:empty{display:none}
.reference-picker .picker-bottom{gap:16px}
.reference-picker .picker-search:focus-within{outline:1px solid #b5b5b566;outline-offset:0}
:is(.browse-command-bar,.browse-selection-tools,.reference-picker) button:focus-visible,.browse-select input:focus-visible{outline:1px solid #c0c0c088;outline-offset:3px}
.sound-entry[hidden],.sound-reference-bar[hidden],.sound-coverage[hidden],.browse-selection-tools[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.reference-choice:hover{background:#f0f0f007}}
@media(max-width:700px){
 .browse-workbench .workbench-heading{gap:12px;flex-wrap:nowrap;margin-bottom:5px}
 .browse-workbench .workbench-commit{max-width:62%;gap:10px}
 .browse-workbench .workbench-save{min-height:44px;font-size:11px;white-space:normal;text-align:right}
 .browse-command-bar{gap:12px;min-height:44px;margin-bottom:1px}
 .sound-entry .text-button,.sound-add-reference,.browse-selection-tools .text-button{min-height:44px}
 .sound-reference-label{display:none}
 .sound-reference-bar{gap:3px}
 .sound-reference-list{gap:9px}
 .sound-reference{width:155px;height:44px;gap:6px}
 .sound-reference strong{font-size:12px}
 .sound-reference>.icon-button{width:44px;height:44px;padding:15px}
 .sound-reference>.icon-button svg{width:12px;height:12px}
 .sound-add-reference{width:44px}
 .browse-workbench .workbench-results-top{min-height:40px;flex-wrap:nowrap;gap:0 10px}
 .browse-workbench .workbench-results-top .browse-result-note{flex:1}
 .browse-workbench .workbench-result-tools{gap:12px}
 .browse-workbench .workbench-result-tools .text-button,.browse-workbench .workbench-result-tools .select-trigger{min-height:44px}
 .browse-result-note{max-width:130px;font-size:9px}
 .browse-workbench .rule-sentence{font-size:10px;margin-bottom:3px}
 .inline-filter-strip{gap:0 14px}
 .inline-facet,.inline-more,.inline-reset,.inline-release,.inline-release .select-trigger{min-height:44px}
 .inline-facet>span{max-width:120px}
 .inline-release{max-width:170px}
 .inline-filter-options{padding:3px 0 7px;margin-top:1px}
 .inline-filter-extra{gap:0 16px;margin-bottom:4px}
 .inline-filter-extra .follow-source{min-height:44px;font-size:12px}
 .inline-filter-extra .follow-source input{width:16px;height:16px}
 .inline-filter-options .more-filters>summary{min-height:44px}
 .inline-filter-options .more-filters-grid{gap:6px 18px}
 .inline-filter-options .release-control{flex:1 1 135px;min-width:125px}
 .inline-filter-options .release-control .select-trigger,.inline-refine .custom-dates input{min-height:44px}
 .inline-filter-options .custom-dates{flex:1 1 100%}
 .inline-refine>.custom-dates{display:flex;max-width:100%;margin:2px 0}
 .browse-select{width:44px;min-height:44px;margin-left:-6px}
 .browse-selection-tools{gap:0 14px}
 .reference-picker .panel-title .icon-button{width:44px;height:44px;margin:-9px -8px -9px 0}
 .reference-picker .picker-search{min-height:44px}
 .reference-choice{min-height:58px}
 .reference-picker .picker-bottom{align-items:center;flex-wrap:wrap;gap:8px 14px}
 .reference-picker .picker-bottom .button{min-height:44px}
}
@media(max-width:370px){.browse-result-note{max-width:100px;font-size:9px}.browse-workbench .workbench-result-tools{gap:8px}.browse-workbench .workbench-result-tools .text-button{font-size:11px}}
@media(prefers-contrast:more){
 .sound-reference-label,.browse-result-note,.browse-workbench .rule-sentence,.reference-choice small{color:#cccccc}
 .sound-coverage,#reference-picker-status{color:#cccccc}
 .song-table .track-row[data-batch-selected=true]{background:#ffffff14}
 .reference-choice .picker-check{border-color:#d6d6d677}
}