.bs-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px}.bs-picker-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000094;opacity:0;transition:opacity .18s ease}.bs-picker[data-open] .bs-picker-scrim{opacity:1}.bs-picker-panel{position:relative;display:grid;gap:10px;width:min(880px,100%);max-height:min(660px,88dvh);padding:16px 16px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background-color:var(--color-panel);box-shadow:0 24px 60px #00000073;grid-template-rows:auto auto auto minmax(0,1fr);opacity:0;transform:translateY(10px) scale(.985);transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.3,1)}.bs-picker[data-open] .bs-picker-panel{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.bs-picker-scrim,.bs-picker-panel{transition:none}}.bs-picker-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.bs-picker-title{margin:0;color:var(--color-text);font-size:15px;font-weight:700}.bs-picker-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-elevated);color:var(--color-text-muted);cursor:pointer;transition:color .12s ease,border-color .12s ease}.bs-picker-close:hover{border-color:var(--color-border-strong);color:var(--color-text)}.bs-picker-close:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.bs-picker-close .bs-px{width:14px;height:14px;fill:currentcolor}.bs-picker-search{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-field);color:var(--color-text);font:inherit;font-size:14px}.bs-picker-search::placeholder{color:var(--color-text-subtle)}.bs-picker-search:focus-visible{outline:2px solid var(--color-brand);outline-offset:-1px}.bs-picker-status{margin:0;color:var(--color-text-subtle);font-size:12px}.bs-picker-list{display:grid;gap:6px;overflow-y:auto;padding:2px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start}.bs-picker-empty{margin:0;color:var(--color-text-muted);font-size:13px}.bs-tile{display:grid;gap:6px;justify-items:center;padding:9px 6px 7px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-elevated);color:var(--color-text);font:inherit;font-size:11.5px;text-align:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.bs-tile:hover,.bs-tile.is-active{border-color:var(--color-accent);background-color:var(--color-surface)}.bs-tile.is-held{border-color:var(--color-brand)}.bs-tile{position:relative}.bs-tile.is-picked{border-color:var(--color-brand);background-color:color-mix(in srgb,var(--color-brand) 14%,var(--color-elevated))}.bs-tile-tick{position:absolute;top:3px;right:4px;display:none;width:15px;height:15px;border-radius:999px;background-color:var(--color-brand);color:var(--color-accent-text);font-size:10px;line-height:15px;text-align:center}.bs-tile.is-picked .bs-tile-tick{display:block}.bs-tile:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.bs-tile-swatch{width:40px;height:40px;border-radius:var(--radius-xs);background-color:var(--color-panel);background-repeat:no-repeat;image-rendering:pixelated}.bs-tile-name{display:-webkit-box;overflow:hidden;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:620px){.bs-picker{padding:10px}.bs-picker-panel{max-height:92dvh}.bs-picker-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}[data-swatch-loading=true]{background:linear-gradient(100deg,var(--color-elevated) 25%,var(--color-border) 50%,var(--color-elevated) 75%);background-size:200% 100%;border-radius:var(--radius-xs);animation:bs-swatch-shimmer 1.2s linear infinite}@keyframes bs-swatch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){[data-swatch-loading=true]{animation:none}}.bs-picker-results-shell{position:relative;display:grid;min-height:0}.bs-picker-results-shell>*{grid-area:1 / 1}.bs-tile{content-visibility:auto;contain-intrinsic-block-size:72px}[data-swatch-pending=true]{background:linear-gradient(100deg,var(--color-elevated) 30%,var(--color-border) 50%,var(--color-elevated) 70%);background-size:300% 100%;animation:bs-picker-sweep 1.15s ease-in-out infinite}@keyframes bs-picker-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){[data-swatch-pending=true]{animation:none}}