.pf-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:7px 15px;white-space:nowrap;font:inherit;font-size:13px;font-weight:600;color:var(--c-text);background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:999px;cursor:pointer;flex-shrink:0} /* taste-skill-ignore: matches the existing catalog capsule control. */
.pf-trigger[data-selected]:not([data-selected=""]){background:var(--c-bg-hover)}
.pf-trigger:focus-visible,.pf-dialog button:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}
.pf-logo{display:block;position:relative;flex:none;width:24px;height:24px;overflow:hidden;border-radius:6px;background:#11161e}
.pf-logo img{display:block;width:100%;height:100%;object-fit:contain}
.pf-logo[data-key=tencent]{background:#fff}.pf-logo[data-key=tencent] img{position:absolute;max-width:none;width:137px;height:91px;left:-16px;top:-34px}
.pf-dialog{position:fixed;inset:auto;margin:0;width:min(368px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px;color:var(--c-text,#f1f3f8);background:var(--c-bg,#171d27);border:1px solid var(--c-border,#ffffff26);border-radius:20px;box-shadow:0 20px 60px #0006;overflow:auto;overscroll-behavior:contain;box-sizing:border-box} /* taste-skill-ignore: this shadow belongs to a floating modal dialog. */
.pf-dialog::backdrop{background:#0005}.pf-lock{overflow:hidden}
.pf-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pf-dialog h2{font-size:17px;font-weight:650;margin:0}.pf-close{border:0;background:none;color:inherit;font-size:24px;width:44px;height:44px;cursor:pointer;margin:-10px -10px -10px 0}
.pf-groups{display:flex;padding:4px;border-radius:999px;background:var(--c-bg-soft);margin-bottom:16px}.pf-groups button{width:50%;min-height:38px;border:0;border-radius:999px;background:none;color:var(--c-text-2);font:inherit;font-size:13px;cursor:pointer}.pf-groups button[aria-pressed=true]{background:var(--c-bg-hover);color:var(--c-text);font-weight:650}
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pf-choice{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-width:0;min-height:86px;padding:12px 4px;border:1px solid var(--c-border);border-radius:12px;background:var(--c-bg-soft);color:inherit;font:inherit;font-size:11px;cursor:pointer}.pf-choice .pf-logo{width:32px;height:32px;border-radius:8px}.pf-choice .pf-logo[data-key=tencent] img{width:183px;height:122px;left:-21px;top:-46px}.pf-choice[aria-pressed=true]{border-color:var(--c-text);background:var(--c-bg-hover)}.pf-check{position:absolute;right:5px;top:4px;opacity:0}.pf-choice[aria-pressed=true] .pf-check{opacity:1} /* taste-skill-ignore: selectable provider tiles retain the approved site border style. */
.pf-note{margin:14px 0;color:var(--c-text-2);font-size:11px;line-height:1.5}.pf-dialog footer{display:flex;align-items:center;gap:12px;position:sticky;bottom:-20px;background:var(--c-bg,#171d27);padding:12px 0 0}.pf-dialog footer button{min-height:44px;font:inherit;font-size:13px;border:0;border-radius:999px;cursor:pointer}.pf-clear{background:transparent;color:var(--c-text-2);padding:0 10px}.pf-apply{flex:1;background:var(--c-text,#f1f3f8);color:var(--c-bg,#171d27);font-weight:650!important}
@media(max-width:1100px){.pf-dialog.pf-sheet{inset:auto 0 0;margin:0 auto;width:min(100%,560px);max-height:calc(100dvh - 80px);padding:22px 20px max(20px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.pf-dialog.pf-sheet:before{content:"";display:block;width:32px;height:4px;border-radius:8px;background:var(--c-text-3);margin:-10px auto 18px}.pf-sheet .pf-choice{min-height:88px}.pf-sheet footer{padding-bottom:env(safe-area-inset-bottom)}.mobile-category-sort{flex-wrap:wrap}.mobile-category-sort>.pf-trigger{margin-left:auto}.pf-dialog::backdrop{background:#0008}}