.spf-filter{--spf-text:#1a1a1a;--spf-muted:#6b7280;--spf-border:#e5e7eb;font-size:14px;color:var(--spf-text)}.spf-group{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--spf-border)}.spf-group:last-child{border-bottom:none}.spf-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--spf-text);margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--spf-accent)}.spf-cat-tree{list-style:none;margin:0;padding:0;max-height:640px;overflow-y:auto}.spf-cat-tree::-webkit-scrollbar{width:4px}.spf-cat-tree::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:2px}.spf-cat-tree::-webkit-scrollbar-track{background:#f0f0f0}.spf-cat-children{list-style:none;margin:0 0 0 20px;padding:0;display:block}.spf-cat-node.is-collapsed>.spf-cat-children{display:none}.spf-cat-row{display:flex;align-items:center;gap:2px;padding-right:8px}.spf-cat-row .spf-option{flex:0 0 auto;min-width:0;padding-right:2px}.spf-cat-row .spf-option .spf-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spf-cat-row .spf-count{margin-left:auto;padding-left:6px}.spf-cat-toggle{flex:0 0 auto;width:20px;height:20px;border:none;border-radius:50%;background:rgb(107 114 128 / .12);padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;color:#6b7280;transition:background 0.15s ease,color 0.15s ease}.spf-cat-toggle:hover{background:rgb(107 114 128 / .22);color:#4b5563}.spf-cat-toggle::before,.spf-cat-toggle::after{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px;transition:transform 0.18s ease}.spf-cat-toggle::before{width:10px;height:2px;transform:translate(-50%,-50%)}.spf-cat-toggle::after{width:2px;height:10px;transform:translate(-50%,-50%) rotate(90deg)}.spf-cat-node.is-collapsed>.spf-cat-row>.spf-cat-toggle::after{transform:translate(-50%,-50%) rotate(0deg)}.spf-cat-toggle--empty{visibility:hidden;cursor:default}.spf-options{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.spf-options::-webkit-scrollbar{width:4px}.spf-options::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:2px}.spf-options::-webkit-scrollbar-track{background:#f0f0f0}.spf-option{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 2px;text-decoration:none;color:var(--spf-text);border-radius:4px;transition:background 0.15s ease}.spf-option:hover{background:#f9fafb;color:var(--spf-text)}.spf-box{flex:0 0 auto;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;position:relative;transition:border-color 0.15s ease,background 0.15s ease}.spf-option.is-active .spf-box{background:var(--spf-accent);border-color:var(--spf-accent)}.spf-option.is-active .spf-box::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.spf-label{flex:1 1 auto;font-size:13.5px;line-height:1.35}.spf-option.is-active .spf-label{font-weight:600}.spf-count{flex:0 0 auto;font-size:12px;color:var(--spf-muted)}.spf-group--brand .spf-label{text-transform:uppercase;font-siz