.cswe-shelf-nav,.cswe-badges,.cswe-filters,.cswe-pagination{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:1rem 0}
.cswe-shelf-nav a,.cswe-badges a{border:1px solid #85739e;border-radius:1rem;padding:.35rem .7rem;text-decoration:none}
.cswe-shelf-nav a[aria-current]{background:#ede3ff;color:#30204d}
.cswe-badges{padding:0 1rem;font-size:.8rem}
.cswe-filters{padding:1rem;border:1px solid #85739e;border-radius:1rem}
.cswe-filters label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}
.cswe-filters select{padding:.65rem;border:1px solid #85739e;border-radius:.5rem;color:inherit;background:transparent;max-width:100%}
.cswe-filters input{width:1.25rem;height:1.25rem}
.cswe-shelf{margin:2.5rem 0}.cswe-shelf small{font-size:1rem;font-weight:400}
.cswe-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:1rem;background:#f2f1ee}
.cswe-preview picture,.cswe-preview img,.cswe-preview video{display:block;width:100%;height:100%;object-fit:contain}
.cswe-preview video{position:absolute;inset:0}.cswe-preview video[hidden]{display:none}
.cswe-preview-toggle{position:absolute;bottom:.5rem;right:.5rem;z-index:1;padding:.5rem .8rem;border-radius:1rem;background:#fff;color:#30204d;border:1px solid #85739e;cursor:pointer}
.cswe-preview-toggle[hidden]{display:none}
.cswe-preview-toggle[aria-pressed=true]{background:#ede3ff}
.cswe-palette{display:flex;gap:.5rem;list-style:none;padding:0}.cswe-palette li{width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid #85739e}
.cswe-pagination{justify-content:center;gap:1.5rem}.cswe-preview :focus-visible,.cswe-filters :focus-visible,.cswe-shelf-nav :focus-visible{outline:3px solid #7353ae;outline-offset:3px}
html[data-chat-mode="dark"] .cswe-preview{background:#24252c}
@media(prefers-reduced-motion:reduce){.cswe-preview video,.cswe-preview-toggle{display:none!important}.cswt-card{transition:none}.cswt-card:hover,.cswt-card:focus-within{transform:none}}