.design-select{position:relative;min-width:0;font-size:14px}.design-select .filter-trigger{display:flex;align-items:center;gap:9px;min-height:36px;border:0;border-bottom:1px solid var(--viz-grid,#ccc);background:transparent;text-align:left;white-space:nowrap}.filter-label{color:var(--viz-muted,#666)}.filter-value{font-weight:500}.filter-chevron{flex:none;color:var(--viz-muted,#666);transition:transform .12s}[aria-expanded=true]>.filter-chevron{transform:rotate(180deg)}.design-select .filter-trigger:focus-visible{outline:none;border-bottom-color:var(--ink)}.design-select .filter-options{position:absolute;top:calc(100% + 7px);left:0;min-width:260px;max-width:calc(100vw - 48px);max-height:none;overflow:hidden;background:var(--paper,#f5f3ed);border:1px solid var(--viz-grid,#ccc);border-radius:4px;box-shadow:0 8px 28px #1b241414,0 2px 5px #1b241408;padding:6px;z-index:65}.design-select .filter-search{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid var(--viz-grid,#ccc);border-radius:0;padding:10px 12px;margin:0 0 5px;background:transparent;color:var(--ink);font:inherit;font-size:16px;outline:none;box-shadow:none}.filter-search::placeholder{color:var(--viz-muted,#666)}.filter-options [role=listbox]{outline:none}.filter-scroll{max-height:min(360px,45dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--viz-grid,#ccc) transparent}.design-select .filter-option{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;padding:8px 10px;border-radius:2px;font-size:14px;line-height:24px;cursor:pointer;color:var(--ink);background:transparent}.design-select .filter-option[aria-selected=true]{font-weight:500}.design-select .filter-option:hover,.design-select .filter-option[data-active=true]{background:color-mix(in srgb,var(--ink) 5%,var(--paper));color:var(--ink)}.design-select .filter-option[data-active=true][data-keyboard=true]{outline:1px solid var(--viz-muted);outline-offset:-1px}.option-check{width:14px;flex:none;color:var(--buy,#247442);font-size:14px}.option-name{white-space:nowrap}.filter-options .option-count{margin-left:auto;color:var(--viz-muted,#666);font-variant-numeric:tabular-nums;font-weight:400;font-size:14px}.filter-reset{border-bottom:1px solid var(--viz-grid,#ccc);margin-bottom:4px}.filter-empty{padding:12px;margin:0;color:var(--viz-muted);font-size:14px}.design-select.inline-select>h3{font-size:16px;font-weight:500;margin:0 0 8px}.design-select .filter-options-inline{position:static;width:100%;max-width:none;min-width:0;border:0;border-radius:0;box-shadow:none;padding:0}.inline-select .filter-options .filter-search{padding-inline:0}.inline-select .filter-scroll{max-height:220px}.inline-select .filter-options:not(:has(input)) .filter-scroll{max-height:none;overflow:visible}.inline-select .filter-option{min-height:44px}.design-toggle{display:flex;align-items:center;gap:8px;font-size:14px;text-align:left;min-height:36px;background:transparent}.design-toggle i{display:block;position:relative;flex:none;width:26px;height:16px;border:1px solid var(--viz-muted,#777);border-radius:10px;background:transparent}.design-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--viz-muted,#777);transition:transform .12s}.design-toggle[aria-checked=true] i{border-color:var(--buy,#247442);background:var(--buy,#247442)}.design-toggle[aria-checked=true] i:after{transform:translateX(10px);background:var(--paper)}.design-toggle:focus-visible{outline:1px solid var(--viz-muted);outline-offset:3px}@media(prefers-reduced-motion:reduce){.design-toggle i:after,.filter-chevron{transition:none}}