#catalogExplorer .details-body{display:grid;gap:8px;padding:8px;min-width:0}
#catalogExplorer .catalog-search-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);gap:16px;min-width:0}
#catalogExplorer .catalog-search-fields>div{display:grid;gap:8px;min-width:0}
#catalogSearchLabel,#catalogRegionLabel{font-weight:600}
#catalogExplorer input,#catalogExplorer select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--card-border);border-radius:10px;background:var(--bg-solid);color:var(--fg);font:inherit;font-size:16px;color-scheme:dark}
#catalogExplorer input::placeholder{color:#a9b3c0;opacity:1}
#catalogSearchStatus,#catalogResults,#catalogMore,#catalogRetry{grid-column:1/-1}
#catalogSearchStatus{margin:6px 0;min-height:1.5em;color:#c8d1dd;font-size:.8rem;line-height:1.65;overflow-wrap:anywhere}
#catalogResults{min-width:0}
.catalog-list{display:grid;gap:8px;list-style:none;margin:0;padding:4px;max-height:520px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.catalog-list:empty{display:none}
.catalog-list li{min-width:0}
#catalogExplorer .catalog-track{display:grid;gap:4px;width:100%;min-height:80px;padding:14px;text-align:left;border:1px solid var(--card-border);border-radius:12px;background:var(--card);color:var(--fg);font:inherit;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
#catalogExplorer .catalog-track:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}
#catalogExplorer .catalog-track[aria-current="true"]{border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}
.catalog-title{font-size:.95rem;font-weight:650}
.catalog-artist{font-size:.8rem;color:#dce2ea}
.catalog-meta{font-size:.7rem;color:#acb9ca}
.catalog-playing{font-size:.7rem;font-weight:600;color:var(--accent)}
#catalogMore,#catalogRetry{min-height:44px;padding:12px 16px;border:1px solid var(--card-border);border-radius:10px;background:var(--card);color:var(--fg);font:inherit;cursor:pointer}
#catalogMore:hover,#catalogRetry:hover{border-color:var(--accent)}
#catalogRetry:disabled{opacity:.55;cursor:wait}
#catalogExplorer :is(input,select,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#catalogExplorer [hidden]{display:none!important}
@media(max-width:480px){
 #catalogExplorer .catalog-search-fields{grid-template-columns:minmax(0,1fr);gap:16px}
 .catalog-list{max-height:440px}.catalog-meta{font-size:.72rem}
}