.bd-attr-bar{padding:var(--tf-space-3) 0;border-top:1px dashed var(--tf-border)}.bd-attr-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tf-space-2);padding:var(--tf-space-2) 0}.bd-attr-row__label{font-family:var(--tf-font-mono);font-size:10px;font-weight:500;color:var(--tf-text-faint);text-transform:uppercase;letter-spacing:var(--tf-tracking-wide);flex:0 0 80px;padding-right:var(--tf-space-2)}.bd-color-match{display:flex;align-items:center;gap:var(--tf-space-3);padding:var(--tf-space-2) 0 var(--tf-space-3);flex-wrap:wrap}.bd-color-match__label{font-family:var(--tf-font-mono);font-size:10px;font-weight:500;color:var(--tf-text-faint);text-transform:uppercase;letter-spacing:var(--tf-tracking-wide);white-space:nowrap}.bd-color-match__note{font-size:11px;color:var(--tf-text-faint);line-height:1.4}.bd-color-match__swatch{width:28px;height:28px;border-radius:var(--tf-radius-sm);border:none;cursor:pointer;padding:0;transition:box-shadow var(--tf-dur-quick) var(--tf-ease-out);background:var(--tf-bg-2);border:2px solid var(--tf-border-strong)}.bd-color-match__swatch:hover,.bd-color-match__swatch:focus-visible{box-shadow:0 0 0 2px var(--tf-accent);outline:none}.bd-color-match__hex{width:96px;padding:var(--tf-space-2) var(--tf-space-3);background:var(--tf-bg-2);border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-sm);color:var(--tf-text);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);letter-spacing:var(--tf-tracking-mono);transition:border-color var(--tf-dur-quick) var(--tf-ease-out)}.bd-color-match__hex:focus{outline:none;border-color:var(--tf-accent)}.bd-color-match__active-pill{display:flex;align-items:center;gap:var(--tf-space-2);padding:5px 10px 5px 7px;background:color-mix(in oklch,var(--tf-accent) 12%,transparent);border:1px solid var(--tf-accent-dim);border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:10px;font-weight:500;color:var(--tf-accent);letter-spacing:var(--tf-tracking-mono);text-transform:uppercase}.bd-color-match__active-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.bd-color-match__clear{min-height:24px;display:inline-flex;align-items:center;padding:5px 10px;background:transparent;border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);color:var(--tf-text-faint);font-family:var(--tf-font-mono);font-size:10px;font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:border-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out)}.bd-color-match__clear:hover,.bd-color-match__clear:focus-visible{border-color:var(--tf-accent);color:var(--tf-accent);outline:none}.bd-card-swatch-row{display:flex;align-items:center;gap:var(--tf-space-2);margin-bottom:0}.bd-card-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.bd-card-swatch-row__chips{display:flex;flex-wrap:wrap;gap:4px}.bd-card-meta{display:flex;flex-wrap:wrap;gap:var(--tf-space-2);align-items:center;margin-top:-var(--tf-space-1)}.bd-card-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:9px;font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;border:1px solid var(--tf-border);color:var(--tf-text-faint);background:transparent;white-space:nowrap}.bd-card-tag--multi{color:var(--tf-accent);border-color:var(--tf-accent-dim)}.bd-card-size{font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);color:var(--tf-text-faint);letter-spacing:0;white-space:nowrap}.bd-paper-number{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--tf-space-2);margin:0 0 var(--tf-space-1);font-family:var(--tf-font-mono);font-size:10px;font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase}.bd-paper-number__num{color:var(--tf-text-subtle)}.bd-paper-number__brand{color:var(--tf-text-faint);font-weight:500}.bd-paper-number__brand:before{content:"·";margin-right:var(--tf-space-2);color:var(--tf-text-faint)}.bd-paper-note{margin-top:var(--tf-space-3);margin-bottom:0}.bd-paper-note__box{display:flex;align-items:flex-start;gap:var(--tf-space-3);padding:var(--tf-space-3) var(--tf-space-4);background:var(--tf-bg-2);border:1px solid var(--tf-border);border-left:2px solid var(--tf-accent-dim);border-radius:var(--tf-radius-sm);font-size:var(--tf-text-sm);line-height:1.5;color:var(--tf-text-muted)}.bd-paper-note__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:2px;border:1px solid var(--tf-text-subtle);border-radius:50%;font-family:var(--tf-font-mono);font-size:10px;font-style:normal;font-weight:600;color:var(--tf-text-subtle)}.bd-no-match-note{display:flex;align-items:flex-start;gap:var(--tf-space-3);margin:0 0 var(--tf-space-4);padding:var(--tf-space-3) var(--tf-space-4);background:var(--tf-bg-2);border:1px solid var(--tf-border-strong);border-left:2px solid var(--tf-accent-dim);border-radius:var(--tf-radius-sm);font-size:var(--tf-text-sm);line-height:1.5;color:var(--tf-text-muted)}.bd-no-match-note strong{color:var(--tf-text);font-weight:600}.bd-no-match-note__dot{flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15)}.bd-no-match-note__hex{font-family:var(--tf-font-mono);color:var(--tf-text-subtle)}.bd-card-compare-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;color:var(--tf-text-faint);font-family:var(--tf-font-mono);font-size:11px;font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;border:none;border-radius:var(--tf-radius-sm);cursor:pointer;transition:background-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out);flex:0 0 auto}.bd-card-compare-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--tf-border-strong)}.bd-card-compare-btn:hover,.bd-card-compare-btn:focus-visible{background:color-mix(in oklch,var(--tf-accent) 12%,transparent);color:var(--tf-accent);outline:none}.bd-card-compare-btn[aria-pressed=true]{background:color-mix(in oklch,var(--tf-accent) 22%,transparent);color:var(--tf-accent)}.bd-card-compare-btn__indicator{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;display:inline-block;transition:background var(--tf-dur-quick) var(--tf-ease-out)}.bd-card-compare-btn[aria-pressed=true] .bd-card-compare-btn__indicator{background:currentColor}.bd-card-action-row{display:flex;align-items:stretch;border-top:none}.bd-card-action-row>*{flex:1 1 0%;justify-content:center}.bd-card-action-row>*:first-child{border-right:1px solid var(--tf-border)}.bd-card-more-btn{display:none;position:absolute;bottom:var(--tf-space-3);right:var(--tf-space-3);padding:4px 10px;background:#0a0a0ad1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);color:var(--tf-text-subtle);font-family:var(--tf-font-mono);font-size:9px;font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:color var(--tf-dur-quick) var(--tf-ease-out),border-color var(--tf-dur-quick) var(--tf-ease-out)}.bd-card-more-btn:hover,.bd-card-more-btn:focus-visible{color:var(--tf-accent);border-color:var(--tf-accent-dim);outline:none}.tf-product-card:hover .bd-card-more-btn,.tf-product-card:focus-within .bd-card-more-btn{display:inline-flex;align-items:center;gap:5px}@media (hover: none){.bd-card-more-btn{display:inline-flex;align-items:center;gap:5px}}#bd-compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:var(--tf-space-4);padding:var(--tf-space-4) var(--tf-space-5);background:#0a0a0af5;border-top:1px solid var(--tf-border-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(100%);transition:transform var(--tf-dur-base) var(--tf-ease-out)}#bd-compare-bar.is-visible{transform:translateY(0)}.bd-compare-bar__text{font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;color:var(--tf-text-muted)}.bd-compare-bar__open-btn{display:inline-flex;align-items:center;gap:var(--tf-space-2);padding:var(--tf-space-2) var(--tf-space-5);background:var(--tf-accent);color:var(--tf-accent-ink);border:none;border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:700;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:opacity var(--tf-dur-quick) var(--tf-ease-out)}.bd-compare-bar__open-btn:hover,.bd-compare-bar__open-btn:focus-visible{opacity:.88;outline:none}.bd-compare-bar__thumbs{display:flex;gap:var(--tf-space-2);align-items:center}.bd-compare-bar__thumb{width:32px;height:32px;border-radius:var(--tf-radius-sm);border:1px solid var(--tf-border-strong);overflow:hidden;background:var(--tf-bg-2);flex-shrink:0}.bd-compare-bar__thumb img{width:100%;height:100%;object-fit:cover}.bd-compare-bar__thumb--empty{border-style:dashed;background:transparent}#bd-compare-overlay{position:fixed;inset:0;z-index:300;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity var(--tf-dur-base) var(--tf-ease-out)}#bd-compare-overlay.is-open{opacity:1;pointer-events:auto}#bd-compare-drawer{width:100%;max-height:90vh;background:var(--tf-bg-1);border-top:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-lg) var(--tf-radius-lg) 0 0;overflow-y:auto;overscroll-behavior:contain;transform:translateY(48px);transition:transform var(--tf-dur-base) var(--tf-ease-out)}#bd-compare-overlay.is-open #bd-compare-drawer{transform:translateY(0)}.bd-compare-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--tf-space-5) var(--tf-space-6);border-bottom:1px solid var(--tf-border);position:sticky;top:0;background:var(--tf-bg-1);z-index:1}.bd-compare-drawer__title{font-family:var(--tf-font-sans);font-size:var(--tf-text-md);font-weight:600;color:var(--tf-text-strong)}.bd-compare-drawer__actions{display:flex;gap:var(--tf-space-3);align-items:center}.bd-compare-drawer__clear-btn,.bd-compare-drawer__close-btn{padding:var(--tf-space-2) var(--tf-space-4);background:transparent;border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);color:var(--tf-text-muted);font-family:var(--tf-font-mono);font-size:10px;font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:border-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out)}.bd-compare-drawer__clear-btn:hover,.bd-compare-drawer__clear-btn:focus-visible,.bd-compare-drawer__close-btn:hover,.bd-compare-drawer__close-btn:focus-visible{border-color:var(--tf-accent);color:var(--tf-accent);outline:none}.bd-compare-drawer__cols{display:grid;grid-template-columns:repeat(var(--bd-col-count, 2),1fr);gap:1px;background:var(--tf-border);padding-bottom:var(--tf-space-9)}.bd-compare-col{background:var(--tf-bg-1);padding:var(--tf-space-5) var(--tf-space-5) var(--tf-space-6);display:flex;flex-direction:column;gap:var(--tf-space-4)}.bd-compare-col__img-wrap{position:relative;border-radius:var(--tf-radius-md);overflow:hidden;background:var(--tf-bg-2);aspect-ratio:4 / 3;cursor:zoom-in}.bd-compare-col__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--tf-dur-slow) var(--tf-ease-out)}.bd-compare-col__img-wrap:hover img{transform:scale(1.06)}.bd-compare-col__zoom-hint{position:absolute;bottom:var(--tf-space-3);right:var(--tf-space-3);padding:3px 8px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:9px;font-weight:600;color:var(--tf-text-muted);letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity var(--tf-dur-quick) var(--tf-ease-out)}.bd-compare-col__img-wrap:hover .bd-compare-col__zoom-hint{opacity:1}#bd-zoom-overlay{position:fixed;inset:0;z-index:400;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;pointer-events:none;transition:opacity var(--tf-dur-quick) var(--tf-ease-out)}#bd-zoom-overlay.is-open{opacity:1;pointer-events:auto}#bd-zoom-overlay img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:var(--tf-radius-md);box-shadow:var(--tf-shadow-lg);transition:transform var(--tf-dur-base) var(--tf-ease-out)}.bd-compare-col__swatches{display:flex;gap:5px;align-items:center}.bd-compare-col__swatch{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);flex-shrink:0}.bd-compare-col__swatch--main{width:28px;height:28px}.bd-compare-col__attrs{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--tf-border);padding-top:var(--tf-space-3)}.bd-compare-attr{display:flex;align-items:baseline;gap:var(--tf-space-3)}.bd-compare-attr__key{font-family:var(--tf-font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tf-tracking-mono);color:var(--tf-text-faint);flex:0 0 80px;padding-right:var(--tf-space-2)}.bd-compare-attr__val{font-family:var(--tf-font-sans);font-size:var(--tf-text-sm);font-weight:500;color:var(--tf-text-strong)}.bd-compare-col__name{font-family:var(--tf-font-sans);font-size:var(--tf-text-md);font-weight:600;color:var(--tf-text-strong);line-height:var(--tf-leading-snug)}.bd-compare-col__price-label{font-family:var(--tf-font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tf-tracking-mono);color:var(--tf-text-faint)}.bd-compare-col__price-value{font-family:var(--tf-font-sans);font-size:var(--tf-text-xl);font-weight:700;color:var(--tf-text-strong);line-height:1}.bd-compare-col__price-value--poa{font-family:var(--tf-font-mono);font-size:var(--tf-text-md);letter-spacing:var(--tf-tracking-mono);color:var(--tf-accent)}.bd-compare-col__remove{align-self:flex-start;min-height:24px;display:inline-flex;align-items:center;padding:4px 10px;background:transparent;border:1px solid var(--tf-border);border-radius:var(--tf-radius-pill);color:var(--tf-text-faint);font-family:var(--tf-font-mono);font-size:9px;font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:border-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out)}.bd-compare-col__remove:hover,.bd-compare-col__remove:focus-visible{border-color:var(--tf-error);color:var(--tf-error);outline:none}.bd-compare-col__quote-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--tf-space-3) var(--tf-space-5);background:var(--tf-accent);color:var(--tf-accent-ink);border:none;border-radius:var(--tf-radius-sm);font-family:var(--tf-font-mono);font-size:11px;font-weight:700;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:opacity var(--tf-dur-quick) var(--tf-ease-out);width:100%}.bd-compare-col__quote-btn:hover,.bd-compare-col__quote-btn:focus-visible{opacity:.85;outline:none}.bd-compare-col__quote-btn[aria-pressed=true]{background:var(--tf-success)}#bd-similar-bar{display:none;align-items:center;gap:var(--tf-space-4);padding:var(--tf-space-3) 0;border-top:1px solid var(--tf-border)}#bd-similar-bar.is-active{display:flex}.bd-similar-bar__dot{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0}.bd-similar-bar__text{font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;color:var(--tf-text-muted)}.bd-similar-bar__clear{min-height:24px;display:inline-flex;align-items:center;padding:4px 10px;background:transparent;border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);color:var(--tf-text-faint);font-family:var(--tf-font-mono);font-size:9px;font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:border-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out);margin-left:auto}.bd-similar-bar__clear:hover,.bd-similar-bar__clear:focus-visible{border-color:var(--tf-accent);color:var(--tf-accent);outline:none}.bd-card-match-badge{position:absolute;top:var(--tf-space-3);right:var(--tf-space-3);padding:3px 8px;background:#000000c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:9px;font-weight:600;color:var(--tf-text-muted);letter-spacing:var(--tf-tracking-mono);pointer-events:none}.bd-card-match-badge--best{color:var(--tf-accent);border:1px solid var(--tf-accent-dim)}#bd-cap-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(12px);z-index:250;padding:var(--tf-space-3) var(--tf-space-5);background:var(--tf-bg-2);border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;color:var(--tf-text-muted);opacity:0;pointer-events:none;transition:opacity var(--tf-dur-quick) var(--tf-ease-out),transform var(--tf-dur-quick) var(--tf-ease-out)}#bd-cap-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 900px){.bd-compare-drawer__cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.bd-compare-drawer__cols{grid-template-columns:1fr;gap:0}.bd-compare-col{border-bottom:1px solid var(--tf-border)}#bd-compare-bar{flex-wrap:wrap;gap:var(--tf-space-3)}.bd-compare-bar__thumbs{display:none}.bd-attr-row__label{flex:0 0 60px;font-size:9px}}@media (prefers-reduced-motion: reduce){#bd-compare-bar,#bd-compare-overlay,#bd-compare-drawer,#bd-zoom-overlay,#bd-cap-toast{transition:none}}#bd-filter-fab,#bd-sheet-scrim,.bd-sheet-head,.bd-sheet-foot{display:none}@media (max-width: 720px){#bd-filter-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tf-space-4) + env(safe-area-inset-bottom,0px));z-index:160;display:inline-flex;align-items:center;gap:var(--tf-space-2);min-height:48px;padding:0 var(--tf-space-6);background:var(--tf-accent);color:var(--tf-accent-ink);border:none;border-radius:var(--tf-radius-pill);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:700;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;box-shadow:var(--tf-shadow-lg);transition:bottom .18s ease}#bd-filter-fab svg{display:block;flex-shrink:0}#bd-filter-fab:focus-visible{outline:2px solid var(--tf-text);outline-offset:3px}.bd-filter-fab__badge{min-width:20px;height:20px;padding:0 6px;border-radius:var(--tf-radius-pill);background:var(--tf-accent-ink);color:var(--tf-accent);font-size:11px;font-weight:700;line-height:20px;text-align:center}body:has(#bd-compare-bar.is-visible) #bd-filter-fab{bottom:calc(84px + var(--tf-space-3) + env(safe-area-inset-bottom,0px))}body:has(#bd-compare-overlay.is-open) #bd-filter-fab{display:none}body:has(#bd-filter-fab) #tf-browse-grid{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}#bd-sheet-scrim{display:block;position:fixed;inset:0;z-index:210;background:#0009;opacity:0;pointer-events:none;transition:opacity var(--tf-dur-base) var(--tf-ease-out)}#bd-sheet-scrim.is-open{opacity:1;pointer-events:auto}#bd-attr-bar{position:fixed;left:0;right:0;bottom:0;z-index:220;display:flex;flex-direction:column;max-height:75vh;max-height:75dvh;margin:0;padding:0;background:var(--tf-bg-1);border:1px solid var(--tf-border-strong);border-bottom:none;border-radius:var(--tf-radius-lg) var(--tf-radius-lg) 0 0;transform:translateY(105%);visibility:hidden;transition:transform var(--tf-dur-base) var(--tf-ease-out),visibility 0s linear var(--tf-dur-base)}#bd-attr-bar.is-open{transform:translateY(0);visibility:visible;transition:transform var(--tf-dur-base) var(--tf-ease-out),visibility 0s linear 0s}#bd-attr-bar:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--tf-border-strong)}#bd-attr-bar .bd-sheet-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:var(--tf-space-4) var(--tf-space-3) var(--tf-space-3) var(--tf-space-5);border-bottom:1px solid var(--tf-border)}.bd-sheet-title{font-family:var(--tf-font-sans);font-size:var(--tf-text-md);font-weight:600;color:var(--tf-text-strong)}.bd-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:50%;color:var(--tf-text-muted);font-size:18px;line-height:1;cursor:pointer}.bd-sheet-close:focus-visible{outline:2px solid var(--tf-accent);outline-offset:-2px}#bd-attr-bar .bd-attr-bar__inner{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--tf-space-2) var(--tf-space-5) var(--tf-space-4)}#bd-attr-bar .bd-attr-row{padding:var(--tf-space-3) 0;border-bottom:1px solid var(--tf-border)}#bd-attr-bar .bd-attr-row__label{flex:1 1 100%;padding-bottom:var(--tf-space-2)}#bd-attr-bar .bd-attr-row .tf-browse-chip{min-height:44px}#bd-attr-bar .bd-color-match{padding-top:var(--tf-space-3)}#bd-attr-bar .bd-color-match__swatch{width:44px;height:38px}#bd-attr-bar .bd-sheet-foot{display:flex;align-items:center;gap:var(--tf-space-3);flex:0 0 auto;padding:var(--tf-space-3) var(--tf-space-5) calc(var(--tf-space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--tf-border);background:var(--tf-bg-1)}.bd-sheet-clear{min-height:48px;padding:0 var(--tf-space-4);background:transparent;border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-sm);color:var(--tf-text-muted);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:600;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer}.bd-sheet-apply{flex:1;min-height:48px;background:var(--tf-accent);color:var(--tf-accent-ink);border:none;border-radius:var(--tf-radius-sm);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:700;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer}.bd-sheet-clear:focus-visible,.bd-sheet-apply:focus-visible{outline:2px solid var(--tf-text);outline-offset:2px}}@media (prefers-reduced-motion: reduce){#bd-filter-fab,#bd-sheet-scrim,#bd-attr-bar{transition:none}}@media (min-width: 721px){.bd-facet-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tf-space-2);padding:var(--tf-space-1) 0}.bd-attr-bar .bd-facet{position:relative;display:inline-flex;padding:0}.bd-attr-bar .bd-facet>.bd-attr-row__label{display:none}.bd-facet__btn{display:inline-flex;align-items:center;gap:var(--tf-space-2);padding:var(--tf-space-2) var(--tf-space-4);background:transparent;border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);color:var(--tf-text-muted);font-family:var(--tf-font-mono);font-size:var(--tf-text-xs);font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--tf-dur-quick) var(--tf-ease-out),border-color var(--tf-dur-quick) var(--tf-ease-out),background-color var(--tf-dur-quick) var(--tf-ease-out)}.bd-facet__btn:hover,.bd-facet__btn:focus-visible{border-color:var(--tf-accent);color:var(--tf-accent);outline:none}.bd-facet__btn.is-active{color:var(--tf-accent);border-color:var(--tf-accent-dim);background:color-mix(in oklch,var(--tf-accent) 10%,transparent)}.bd-facet.is-open>.bd-facet__btn{border-color:var(--tf-accent);color:var(--tf-accent)}.bd-facet__count{font-weight:600}.bd-facet__caret{font-size:8px;line-height:1;opacity:.7}.bd-facet.is-open>.bd-facet__btn .bd-facet__caret{transform:rotate(180deg)}.bd-facet__dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.bd-facet__dot[hidden]{display:none}.bd-facet__panel{display:none;position:absolute;top:calc(100% + var(--tf-space-2));left:0;z-index:120;min-width:240px;max-width:min(520px,72vw);padding:var(--tf-space-4);background:var(--tf-bg-2);border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-md);box-shadow:var(--tf-shadow-lg)}.bd-facet.is-open>.bd-facet__panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tf-space-2)}.bd-facet--match>.bd-facet__panel{width:380px;max-width:min(420px,72vw);margin:0;padding:var(--tf-space-4)}.bd-facet--match>.bd-facet__panel .bd-color-match__note{flex:1 1 100%}.bd-facet--match>.bd-facet__panel .bd-color-match__label{display:none}.bd-active-row{display:none}.bd-active-row.is-active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tf-space-2);padding-top:var(--tf-space-3)}.bd-active-token{display:inline-flex;align-items:center;gap:var(--tf-space-2);padding:4px 10px;background:color-mix(in oklch,var(--tf-accent) 12%,transparent);border:1px solid var(--tf-accent-dim);border-radius:var(--tf-radius-pill);color:var(--tf-accent);font-family:var(--tf-font-mono);font-size:10px;font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:border-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out)}.bd-active-token:hover,.bd-active-token:focus-visible{border-color:var(--tf-accent);outline:none}.bd-active-token__x{font-size:12px;line-height:1;opacity:.75}.bd-active-token__dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.bd-active-clear{padding:4px 10px;background:transparent;border:1px solid var(--tf-border-strong);border-radius:var(--tf-radius-pill);color:var(--tf-text-faint);font-family:var(--tf-font-mono);font-size:10px;font-weight:500;letter-spacing:var(--tf-tracking-mono);text-transform:uppercase;cursor:pointer;transition:border-color var(--tf-dur-quick) var(--tf-ease-out),color var(--tf-dur-quick) var(--tf-ease-out)}.bd-active-clear:hover,.bd-active-clear:focus-visible{border-color:var(--tf-accent);color:var(--tf-accent);outline:none}}@media (max-width: 720px){.bd-facet-row,.bd-facet--match,.bd-attr-row>.bd-facet__panel{display:contents}.bd-facet__btn,#bd-active-row{display:none}}