/* 14 Nov filter looks (pictures only, not live). Same tokens as the chips: --paper, --line, --ink, --mute, 999px pills. */
.fv1 .chips,.fv2 .chips{display:none}
.search .clr[style*="hidden"]{display:none}
.ftag{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 5px 0 12px;margin-left:-4px;border-radius:999px;background:var(--ink);color:#fff;font:600 13px var(--body);white-space:nowrap}
.ftag button{width:20px;height:20px;border-radius:50%;border:0;background:#ffffff2e;color:#fff;font-size:9px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.ftag button:hover{background:#ffffff4d}
.fpanel .chip,.sugg .ftags .chip{padding:6px 12px;font-size:13px}
.ftags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.fgrp+.fgrp{margin-top:12px}
.sugg .ftags+small{margin-top:14px}
.fbtn{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px 0 11px;margin-right:-12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:600 13px var(--body);cursor:pointer;transition:background-color .16s,border-color .16s,color .16s}
.fbtn:hover{border-color:var(--ink)}
.fbtn.on{background:var(--ink);border-color:var(--ink);color:#fff}
.fbtn b{min-width:18px;height:18px;border-radius:999px;background:var(--ink);color:#fff;font:700 11px/18px var(--body);text-align:center;padding:0 5px}
.fbtn.on b{background:#fff;color:var(--ink)}
.fpanel{position:absolute;right:0;top:calc(100% + 8px);z-index:21;width:340px;background:var(--paper);border-radius:18px;padding:14px 14px 12px;box-shadow:0 0 0 1px var(--line),0 16px 40px #1d1d1f2e}
.fpanel:not([hidden]){transform-origin:top right;animation:mdrop .16s var(--e-out)}
.fpanel small{display:block;font:700 11px var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 2px 8px}
.fpanel .fend{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.fpanel .fend button,.fcount button{border:0;background:none;padding:0;font:600 13px var(--body);color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.fcount{font-size:13px;color:var(--mute);margin:-2px 0 0 2px}
.fcount b{color:var(--ink)}
.fv3 .chips .chip i{display:none}
#grid .item[hidden]{display:none}
.fv3 .chips .fsep{flex:none;width:1px;align-self:stretch;margin:6px 4px;background:var(--line)}
.fv3 .chips .ftag{height:auto;margin:0;padding:0 5px 0 13px;border:1px solid var(--ink)}
.fv3 .chips{align-items:center}
.fv3 .fcount{margin:10px 0 0 2px}
@media(max-width:800px){.fpanel{width:auto;left:-75px;right:0}.fbtn{padding:0 10px 0 9px;margin-right:-8px}.fv1 .sugg{left:-75px;right:0}}
@media(max-width:560px){.ftag~.fbtn{gap:5px;padding:0 7px 0 9px}.ftag~.fbtn span{display:none}}

/* 14 Nov: the panel stays open while picking; Clear + Done at its foot */
.fpanel .fend .fact{display:flex;align-items:center;gap:14px}
.fpanel .fend .fdone{text-decoration:none;background:var(--ink);color:#fff;border-radius:999px;padding:7px 16px;font:600 13px var(--body)}