.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex;position:relative}.filter-bar .dim-wrap{display:inline-flex;position:relative}.filter-bar .dim-wrap.hidden{display:none}.filter-bar .dim-btn,.filter-bar .palette-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-family:inherit;font-size:.825rem;transition:border-color .12s,color .12s;display:inline-flex}.filter-bar .dim-btn:hover,.filter-bar .palette-btn:hover{border-color:var(--text-muted);color:var(--text)}.filter-bar .dim-btn.active,.filter-bar .dim-btn[aria-expanded=true],.filter-bar .palette-btn[aria-expanded=true]{color:#2563eb;border-color:#2563eb}.filter-bar .dim-dot{opacity:0;background:#2563eb;border-radius:50%;width:.45rem;height:.45rem;transition:opacity .12s}.filter-bar .dim-btn.active .dim-dot{opacity:1}.filter-bar .dim-summary:not(:empty):before{content:"· ";color:var(--text-muted)}.filter-bar .dim-summary{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:min(50vw,12rem);font-weight:500;overflow:hidden}.filter-bar .palette-btn kbd{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:0 .3em;font-family:inherit;font-size:.7rem;display:inline-block}.filter-bar .filter-chips{flex-wrap:wrap;gap:.4rem;display:inline-flex}.filter-chip-wrap{border:1px solid color-mix(in srgb, #2563eb 35%, var(--border));background:color-mix(in srgb, #2563eb 8%, var(--surface));border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.filter-chip{all:unset;cursor:pointer;color:var(--text);align-items:center;gap:.3rem;padding:.2rem .55rem .2rem .65rem;font-size:.78rem;display:inline-flex}.filter-chip:hover{background:#2563eb24}.filter-chip .chip-key{color:var(--text-muted);font-weight:500}.filter-chip .chip-val{text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,14rem);font-weight:600;overflow:hidden}.chip-x{all:unset;cursor:pointer;color:var(--text-muted);border-left:1px solid color-mix(in srgb, #2563eb 25%, var(--border));align-items:center;padding:0 .5rem;font-size:.95rem;line-height:1;display:inline-flex}.chip-x:hover{color:#dc2626;background:#dc262624}.filter-bar .clear-all{all:unset;cursor:pointer;color:var(--text-muted);border-radius:4px;padding:.2rem .5rem;font-size:.78rem}.filter-bar .clear-all:hover{color:var(--text);background:var(--surface)}.filter-bar .clear-all.hidden{display:none}.filter-bar .filter-count{color:var(--text-muted);margin-left:auto;font-size:.78rem}.filter-bar .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filter-bar .dim-panel,.filter-bar .palette-panel{z-index:150;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:320px;max-height:min(60vh,520px);animation:.12s ease-out fb-slide;display:flex;position:absolute;top:calc(100% + .4rem);left:0;overflow:hidden;box-shadow:0 10px 28px #0000002e}.filter-bar .palette-panel{width:360px}@keyframes fb-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-bar .dim-panel.hidden,.filter-bar .palette-panel.hidden,.filter-bar .stage.hidden{display:none}.filter-bar .dim-panel.flip-x,.filter-bar .palette-panel.flip-x{left:auto;right:0}.filter-bar .dim-panel.flip-y,.filter-bar .palette-panel.flip-y{top:auto;bottom:calc(100% + .4rem)}.palette-input-wrap{border-bottom:1px solid var(--border);background:var(--bg);padding:.6rem}.palette-input-wrap input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.4rem .65rem;font-family:inherit;font-size:.875rem}.palette-input-wrap input:focus{border-color:#2563eb}.dim-list{flex:auto;margin:0;padding:.3rem;list-style:none;overflow-y:auto}.dim-item{cursor:pointer;color:var(--text);border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.85rem;display:flex}.dim-item.selected{background:#2563eb1f;outline:1px solid #2563eb66}.dim-item-label{flex-shrink:0}.dim-item-summary{text-align:right;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.dim-item-arrow{color:var(--text-muted)}.dim-item-empty{color:var(--text-muted);text-align:center;padding:1rem .6rem;font-size:.825rem;list-style:none}.stage-value-header{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.stage-back,.value-stage-close{all:unset;cursor:pointer;color:var(--text-muted);padding:0 .3rem;font-size:1rem}.stage-back:hover,.value-stage-close:hover{color:var(--text)}.stage-value-title,.value-stage-title{font-size:.875rem;font-weight:600}.stage-value-body{flex:auto;overflow:auto}.palette-footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text-muted);gap:1rem;padding:.45rem .7rem;font-size:.65rem;display:flex}.palette-shortcut strong{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:3px;margin-right:.2rem;padding:0 .2rem;font-family:monospace}.filter-bar .dim-panel{padding:0}.value-stage-header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.value-stage-close{font-size:1.1rem}.value-multi{flex-direction:column;flex:auto;display:flex;overflow:hidden}.value-typeahead{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:5px;outline:none;margin:.55rem .6rem 0;padding:.35rem .5rem;font-family:inherit;font-size:.85rem}.value-typeahead:focus{border-color:#2563eb}.value-multi-toolbar{border-bottom:1px solid var(--border);gap:.3rem;padding:.4rem .6rem;display:flex}.vmt-btn{all:unset;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:var(--bg);border-radius:4px;padding:.2rem .55rem;font-size:.75rem}.vmt-btn:hover{color:var(--text);border-color:var(--text-muted)}.value-multi-list{outline:none;flex:auto;margin:0;padding:.3rem;list-style:none;overflow-y:auto}.value-multi-row{border-radius:5px;align-items:center;gap:.55rem;padding:.25rem .45rem;font-size:.85rem;display:flex}.value-multi-row:hover,.value-multi-row.focused{background:#2563eb0f}.value-multi-label{cursor:pointer;flex:auto;align-items:center;gap:.55rem;min-width:0;display:inline-flex}.value-multi-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer}.value-flag{font-size:1rem;line-height:1}.value-label-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.value-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.value-only{all:unset;cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;opacity:.6;border-radius:3px;padding:0 .35rem;font-size:.7rem;transition:opacity .1s,color .1s}.value-only:hover,.value-multi-row:hover .value-only,.value-multi-row.focused .value-only{opacity:1;color:#2563eb}.value-range{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem;display:flex}.value-range input{border:1px solid var(--border);background:var(--surface);width:5.5rem;color:var(--text);border-radius:5px;outline:none;padding:.35rem .5rem;font-family:inherit;font-size:.85rem}.value-range input:focus{border-color:#2563eb}.value-range-dash{color:var(--text-muted)}.value-range-unit{color:var(--text-muted);font-size:.78rem}.value-range-apply,.value-range-clear{all:unset;cursor:pointer;border-radius:5px;padding:.35rem .85rem;font-size:.825rem}.value-range-apply{color:#fff;background:#2563eb}.value-range-apply:hover{background:#1d4ed8}.value-range-clear{color:var(--text-muted)}.value-range-clear:hover{color:var(--text);background:var(--surface)}.value-hint{color:var(--text-muted);padding:.35rem .7rem .5rem;font-size:.72rem}.value-tristate,.value-single{flex-wrap:wrap;gap:.3rem;padding:.6rem;display:flex}.vt-btn,.vs-btn{all:unset;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:6px;padding:.35rem .85rem;font-size:.85rem}.vt-btn:hover,.vs-btn:hover{color:var(--text);border-color:var(--text-muted)}.vt-btn.active,.vs-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.filter-backdrop{z-index:149;background:#00000059;display:none;position:fixed;inset:0}.filter-backdrop:not(.hidden){display:block}@media (width<=600px){.filter-bar .dim-panel:not(.hidden),.filter-bar .palette-panel:not(.hidden){width:auto;max-height:80dvh;padding-bottom:max(env(safe-area-inset-bottom), 0px);border-radius:12px 12px 0 0;animation:.18s ease-out fb-sheet-up;position:fixed;inset:auto 0 0;box-shadow:0 -10px 28px #0000002e}@keyframes fb-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-bar .dim-panel.flip-x,.filter-bar .palette-panel.flip-x{left:0;right:0}.filter-bar .dim-panel.flip-y,.filter-bar .palette-panel.flip-y{top:auto;bottom:0}.filter-bar .value-multi-list,.filter-bar .dim-list,.filter-bar .stage-value-body{overscroll-behavior:contain}.filter-bar .value-multi-row{padding:.55rem .45rem}.filter-bar .value-multi-label input[type=checkbox]{width:1.15rem;height:1.15rem}.filter-bar .value-only{opacity:1;padding:.4rem .35rem}.filter-bar .dim-item{padding:.65rem .6rem}.filter-bar .vt-btn,.filter-bar .vs-btn,.filter-bar .vmt-btn{padding:.5rem .85rem}body.fb-sheet-open{overflow:hidden}}@media (pointer:coarse){.chip-x{padding:0 .65rem}.stage-back,.value-stage-close{padding:.5rem .6rem}.filter-bar .palette-input-wrap input,.filter-bar .value-typeahead,.filter-bar .value-range input{font-size:16px}}