dj-search-input{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}dj-search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb2e}dj-search-input .dj-search-input__icon{color:var(--muted);flex-shrink:0;font-size:14px}dj-search-input input{font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 0}dj-search-input .dj-search-input__clear{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:13px;font-weight:600}dj-search-input .dj-search-input__clear:hover{background:var(--surface-soft);color:var(--text)}dj-filter-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:22px;display:block}dj-filter-panel[sticky]{align-self:flex-start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}dj-filter-panel .dj-filter-panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:800}dj-filter-panel .dj-filter-panel__group{border-bottom:1px solid var(--line);gap:10px;padding:14px 0;display:grid}dj-filter-panel .dj-filter-panel__group:last-child{border-bottom:0;padding-bottom:0}dj-filter-panel .dj-filter-panel__group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:700}dj-filter-panel .dj-filter-panel__footer{gap:8px;margin-top:18px;display:flex}@media (width<=960px){dj-filter-panel[sticky]{max-height:none;position:static}}dj-filter-panel.collection-drawer{z-index:50;visibility:hidden;pointer-events:none;width:min(320px,100vw - 32px);max-height:none;transition:transform .22s ease-out,visibility 0s linear .22s;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;transform:translate(150%)}dj-filter-panel.collection-drawer.open{visibility:visible;pointer-events:auto;transition:transform .22s ease-out,visibility linear;transform:translate(0)}dj-filter-panel.collection-drawer .collection-drawer__close{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:28px;height:28px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:14px;right:14px}dj-filter-panel.collection-drawer .collection-drawer__close:hover{background:var(--bg-soft,#f5f5f5);color:var(--text,#111)}@media (width<=640px){dj-filter-panel.collection-drawer{width:calc(100vw - 16px);top:8px;bottom:8px;right:8px}}