.bracelet-explorer{background:#ffffffe6;border:1px solid rgba(120,104,210,.2);border-radius:1.5rem;padding:2.5rem;display:grid;gap:1.75rem;box-shadow:0 24px 50px #4a3a8c1f}.bracelet-explorer-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.bracelet-explorer-header h2{margin:0;color:#3f326f}.bracelet-explorer-header p{margin:.35rem 0 0;color:#6a618f;line-height:1.6}.bracelet-doc-version{color:#8c82c6}.bracelet-filters{display:grid;gap:1.75rem}.bracelet-filter-group h3{margin:0 0 .6rem;color:#3f326f}.bracelet-filter-badges{display:flex;flex-wrap:wrap;gap:.6rem}.bracelet-filter-badge,.bracelet-color-chip{border-radius:999px;border:1px solid rgba(120,104,210,.22);background:#f4f0ff99;color:#584b89;font-weight:600;padding:.55rem 1rem;min-height:44px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.bracelet-filter-badge:hover,.bracelet-color-chip:hover{background:#6b5cf61f;color:#362d6f;box-shadow:0 4px 12px #4a3a8c1a}.bracelet-filter-badge-active,.bracelet-color-chip-active{background:#6b5cf62e;color:#362d6f;box-shadow:0 12px 24px #4a3a8c26}.bracelet-color-chip{display:inline-flex;align-items:center;gap:.5rem;position:relative}.bracelet-color-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff14}.bracelet-color-dot{width:1rem;height:1rem;border-radius:50%;background:var(--bracelet-chip-swatch, #ccc);border:1px solid rgba(0,0,0,.08)}.bracelet-filter-input{width:min(360px,100%);padding:.75rem 1rem;border-radius:.9rem;border:1px solid rgba(120,104,210,.25);background:#f8f6ffcc;font-size:1rem}.bracelet-filter-input:focus{outline:none;border-color:#6b5cf6;box-shadow:0 0 0 4px #6b5cf61f}.bracelet-result-summary{display:flex;align-items:center;gap:.6rem;color:#5f5689}.bracelet-result-summary strong{font-size:1.2rem;color:#3d2f78}.bracelet-reset{margin-left:auto;border:none;background:none;color:#8a7ad1;cursor:pointer;text-decoration:underline}.bracelet-reset:hover{color:var(--color-primary)}.bracelet-sentinel{grid-column:1 / -1;text-align:center;padding:1.5rem 0;color:#8c82c6;font-size:.95rem}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#110c22a6;display:flex;align-items:center;justify-content:center;z-index:200;cursor:zoom-out}.image-modal{position:relative;max-width:min(90vw,960px);max-height:90vh;background:#0f0b1f;border-radius:1rem;padding:.75rem;box-shadow:0 30px 60px #120a2859}.image-modal img{display:block;max-width:100%;max-height:80vh;border-radius:.75rem}.image-modal-close{position:absolute;top:.35rem;right:.5rem;border:none;background:#fff3;color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.image-modal-close:hover{background:#ffffff59}