/* Match the app's Theme.h palette, typography, inset fields and compact chips. */
:root{--well:#101d21;--line:#466064;--selection:#293c40;--chip:#213135;--field:#101d21;--accent-ink:#101d21}
body.studio{--line:#d5d5db;--well:#fff;--raised:#e4eaff;--selection:#e4eaff;--chip:#efeff2;--field:#e9e9ec;--muted:#66666e;font-family:'Segoe UI',Arial,sans-serif}
.micro,.filters label,.catalog-toolbar,.row-head,.chip,.theme-select select,.player-time,.pack-sub,.badge,.footer{font-family:inherit;letter-spacing:0;text-transform:none}
.library-page{max-width:none;padding:0 24px}.library-page .page-title{padding:22px 0 18px}.library-page .page-title h1{font-size:26px;letter-spacing:-.02em;margin-bottom:6px}.library-page .page-title p{font-size:12px;margin:0;color:var(--muted)}
.library-layout{grid-template-columns:205px minmax(0,1fr) 285px;gap:9px;align-items:start}
.filters,.catalog,.inspector{border:1px solid var(--line);background:var(--panel);border-radius:5px}
.filters{padding:14px 12px}.filters label{font-size:11px;letter-spacing:0}.filters input{font-size:12px;min-width:0}
input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea{background:var(--field);box-shadow:inset 0 1px 2px #0000000b;border-color:var(--line);border-radius:4px}
select,button.chip,.type-button,.view-button,.shuffle-button{border-radius:4px;background:var(--chip);box-shadow:inset 0 1px 0 #ffffff08,0 1px 1px #00000008}
.type-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.type-button{font-size:11px;padding:7px 6px;gap:6px;border:1px solid var(--line);color:var(--ink)}.type-button:first-child{grid-column:1/-1}.type-button img{width:18px;height:18px}.type-button span{font:10px/1 inherit;color:var(--muted)}.type-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.type-button[aria-pressed=true] span{color:inherit}.type-button[aria-pressed=true] .glyph{filter:brightness(0)}body.studio .type-button[aria-pressed=true] .glyph{filter:invert(1)}
.filter-group{margin-top:20px}.chip{display:inline-flex;align-items:center;font-size:11px;padding:5px 7px;line-height:1.25;color:var(--ink);border:1px solid var(--line);border-radius:4px;background:var(--chip)}.chip:hover{border-color:var(--muted)}.chip[aria-pressed=true]{background:var(--selection);border-color:var(--accent);color:var(--ink)}.chip[aria-pressed=true]:after{content:'×';margin-left:5px;color:var(--accent)}.reset-button{font-size:11px;padding:8px 0;margin-top:12px}
.catalog{min-width:0;overflow:hidden}.catalog-toolbar{padding:10px 12px;border:0;margin:0;min-height:52px}.catalog-toolbar .right{align-items:center;gap:5px}.catalog-toolbar select{font-size:11px;padding:5px;max-width:125px}.view-button,.shuffle-button{width:29px;height:28px;display:grid;place-items:center;padding:5px;border:1px solid var(--line)}.shuffle-button img{width:20px;height:20px}.view-button[aria-pressed=true]{background:var(--selection);border-color:var(--accent);color:var(--ink)}
#results{background:var(--well);min-height:310px;max-height:calc(100vh - 285px);overflow:auto;scroll-padding:40px 0 12px}#results:focus-visible{outline-offset:-2px}.row-head{position:sticky;top:0;background:var(--well);z-index:2;font-size:10px;padding:9px 12px;color:var(--muted)}.row-head,.sound-row{grid-template-columns:30px minmax(115px,1fr) minmax(65px,.55fr) minmax(68px,.5fr) minmax(75px,.55fr) 26px;gap:10px}
.sound-row{padding:10px 12px;min-height:62px;border:0;cursor:default}.sound-row:hover{background:color-mix(in srgb,var(--selection) 45%,var(--well))}.sound-row.selected{background:var(--selection);box-shadow:inset 3px 0 var(--accent)}.sound-row h3{font:600 12px/1.25 inherit;letter-spacing:0;margin:0 0 4px}.sound-row .title-button{font-size:12px;text-align:left;padding:0;color:var(--ink);font-weight:600;border:0;background:transparent;box-shadow:none}.sound-row .title-button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.sound-row .sub,.sound-row .author{font-size:10px}.sound-row .save{padding:2px;font-size:20px;border:0;background:transparent}.sound-row .preview-line{gap:5px}.sound-row .wave{height:24px}.sound-row .wave .micro{font-size:9px;color:var(--muted)}.sound-row .length{display:none}.sound-row .play{width:23px;height:23px;border-radius:3px}.sound-mark{width:28px;height:28px}.mark-link{display:inline-flex;align-items:center;justify-content:center}.mark-link:focus-visible{outline-offset:6px}.art .mark-link{position:absolute;inset:0;z-index:2}.art .mark-link .sound-mark{margin-top:-14px}.art-label,.art-code{pointer-events:none}
.catalog-status{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);align-items:center}.catalog-status label{display:flex;gap:5px;align-items:center;white-space:nowrap;color:var(--ink)}input[type=checkbox]{accent-color:var(--accent)}
.inspector{padding:14px;top:12px;max-height:calc(100vh - 170px);overflow:auto}.inspector .art{height:110px;background:var(--raised);border-color:var(--line)}.inspector .art-code,.inspector .art-label{display:none}.inspector .art .sound-mark{margin:0}.inspector h2{font-size:18px;margin:14px 0 6px}.inspector .description{font-size:12px;line-height:1.55}.inspector .spec{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:8px;padding:6px 0;border:0;font-size:11px}.spec b{padding:6px 8px;border-radius:4px;background:var(--field);font-weight:400;border:1px solid var(--line)}.spec>span{padding-top:7px;color:var(--muted)}.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.detail-tags .chip{font-size:10px;padding:4px 6px}.inspector .button{font-size:11px;border-radius:4px;padding:10px}.inspector .button.primary{margin-top:12px}.pack-contents-link{display:block;margin:10px 0;font-size:11px}.inspector .note{font-size:10px}
.search-wrap{position:relative}.search-suggestions{position:absolute;z-index:8;left:0;top:calc(100% + 4px);width:max(100%,220px);max-width:80vw;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 5px 12px #0002}.search-suggestions[hidden]{display:none}.search-suggestions [role=option]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 8px;font-size:12px;cursor:pointer;border-radius:3px}.search-suggestions [aria-selected=true],.search-suggestions [role=option]:hover{background:var(--selection)}.search-suggestions .completion{color:var(--muted)}.search-suggestions small{font-size:9px;color:var(--muted);white-space:nowrap}.search-hint{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.catalog-grid{padding:12px;gap:16px}.catalog-grid .art{height:160px}
@media(max-width:1200px){.library-layout{grid-template-columns:180px minmax(0,1fr)}.library-page{padding:0 18px}.inspector{display:none}.row-head,.sound-row{grid-template-columns:28px minmax(110px,1fr) 75px 75px minmax(75px,.6fr) 25px;gap:8px}}
@media(max-width:800px){.row-head,.sound-row{grid-template-columns:28px minmax(100px,1fr) 75px 50px 24px}.sound-row>.plugin-cell,.row-head>:nth-child(3){display:none}.catalog-status>span{font-size:9px}.catalog-toolbar{padding:8px}.catalog-toolbar .micro{font-size:10px}.library-layout{grid-template-columns:160px minmax(0,1fr)}.type-list{grid-template-columns:1fr}.type-button:first-child{grid-column:auto}}
@media(max-width:540px){.library-page{padding:0 12px}.library-layout{display:block}.filters{padding:12px;margin-bottom:9px}.filters .filter-group{margin-top:12px}.type-list{display:flex;gap:5px;overflow:auto}.type-button{padding:6px 8px;font-size:10px;flex-shrink:0}.filters .access-group{margin:12px 10px 0 0}.filters .reset-button{margin-top:12px;padding:5px}.filters .tag-group{display:none}.search-hint{font-size:9px}.library-page .page-title{gap:12px}.library-page .page-title h1{font-size:23px}.library-page .page-title p{font-size:11px}.row-head,.sound-row{grid-template-columns:25px minmax(85px,1fr) 60px 30px 22px;gap:6px}.sound-row{padding:10px 8px}.sound-row .title-button{font-size:11px}.sound-row .author{font-size:10px}.sound-row .preview-line .wave{display:none}#results{max-height:55vh;min-height:250px}.catalog-status{flex-wrap:wrap;gap:8px}.catalog-toolbar .right{gap:4px}.view-button,.shuffle-button{width:26px;height:26px}.catalog-toolbar select{max-width:100px;font-size:10px}.catalog-grid .art{height:140px}.inspector{display:none}}
/* Avoid an empty showcase when no pack has been chosen for the homepage. */
section[aria-labelledby="featured-title"]:has(.empty){display:none}