.pref-row{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--slate-100)}.pref-row:last-child{border-bottom:none}.pref-row-t{flex:1 1;min-width:0}.pref-row-t b{display:block;font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--color-text)}.pref-row-t span{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--text-muted)}.pref-row-c{flex-shrink:0}.pref-choice{display:inline-flex;gap:2px;padding:4px;border-radius:10px;background:var(--slate-100)}.pref-choice-btn{padding:8px 16px;border:0;border-radius:7px;background:transparent;font-family:var(--font-heading);font-weight:600;font-size:13px;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.pref-choice-btn:hover{color:var(--color-text)}.pref-choice-btn[data-active=true]{background:var(--surface-card);color:var(--color-primary);box-shadow:var(--shadow-raised)}.pref-swatches{display:flex;gap:10px}.pref-swatch{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:2px solid transparent;border-radius:9px;cursor:pointer;transition:box-shadow var(--motion-fast)}.pref-swatch svg{opacity:0}.pref-swatch[data-active=true]{border-color:var(--text-on-primary);box-shadow:0 0 0 2px var(--color-text)}.pref-swatch[data-active=true] svg{opacity:1}.pref-prev{max-width:400px;border:1px solid var(--color-border);border-radius:11px;overflow:hidden}.pref-prev-top{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--color-primary);color:var(--text-on-primary);font-family:var(--font-heading);font-weight:700;font-size:13px}.pref-prev-mark{width:16px;height:16px;border-radius:4px;background:rgba(255,255,255,.3)}.pref-prev-body{display:flex;flex-direction:column;gap:7px;padding:12px 13px}.pref-prev-chip{align-self:flex-start;padding:3px 9px;border-radius:6px;background:var(--teal-100);color:var(--color-primary-700);font-family:var(--font-heading);font-weight:700;font-size:11px}.pref-prev-ln{height:9px;border-radius:5px;background:var(--slate-100)}.pref-prev-ln.a{width:70%}.pref-prev-ln.b{width:90%}.pref-state{font-family:var(--font-heading);font-weight:700;font-size:12px;color:var(--text-muted)}.pref-state.on{color:var(--ok)}.pref-sc{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--slate-100)}.pref-sc:last-of-type{border-bottom:none}.pref-sc-l{font-size:13.5px;color:var(--color-text)}.pref-kwrap{display:flex;align-items:center;gap:6px}.pref-kbd{padding:3px 8px;border:solid var(--color-border);border-width:1px 1px 2px;border-radius:6px;background:var(--surface-page);font-family:var(--font-mono);font-weight:500;font-size:11.5px;color:var(--color-text-muted)}.pref-note{display:flex;align-items:flex-start;gap:11px;max-width:var(--ax-col,900px);margin-bottom:18px;padding:13px 15px;border:1px solid var(--teal-100);border-radius:11px;background:var(--teal-50)}.pref-note svg{flex-shrink:0;margin-top:1px}.pref-note-tx{font-size:13px;line-height:1.5;color:var(--color-text-muted)}.pref-note-tx b{font-weight:700;color:var(--color-text)}.pref-note-tx b,.pref-toast{font-family:var(--font-heading)}.pref-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:10px;background:var(--slate-900);color:var(--text-on-primary);font-weight:600;font-size:13px;box-shadow:var(--shadow-pop);z-index:var(--z-toast)}.pref-toast span[aria-hidden]{color:var(--teal-300)}.pf-note{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.55}.pf-error{font-size:13px;color:var(--danger);margin:0}.pf-warn{margin:10px 0 0;padding:9px 12px;border-radius:8px;background:var(--warn-bg);color:var(--warn);font-size:12.5px;line-height:1.5}.pf-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-search{flex:1 1;min-width:200px;border:1px solid var(--border-default);border-radius:9px;padding:8px 11px;font-family:var(--font-body);font-size:13.5px;color:var(--text-primary);background:var(--white)}.pf-search:focus{outline:none;border-color:var(--color-primary,#0e7c7b);box-shadow:0 0 0 3px rgba(14,124,123,.12)}.pf-count{font-family:var(--font-heading);font-size:11.5px;font-weight:700;color:var(--teal-900,#0b5f5e);background:var(--teal-100,#ccfbf1);border-radius:999px;padding:3px 10px;white-space:nowrap}.pf-group+.pf-group{margin-top:16px}.pf-group h3{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 7px}.pf-checks{display:flex;flex-wrap:wrap;gap:6px}.pf-check{display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--white);font-size:12.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.pf-check:hover{border-color:var(--teal-700,#0f766e);color:var(--teal-700,#0f766e);background:var(--teal-50,#f0fdfa)}.pf-check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;width:1px;height:1px;opacity:0;margin:0}.pf-tick{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong,#cbd5e1);flex-shrink:0;position:relative;transition:.1s}.pf-tick:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid transparent;border-width:0 2px 2px 0;transform:rotate(45deg);transition:.1s}.pf-check:focus-within{outline:2px solid var(--color-primary,#0e7c7b);outline-offset:2px}.pf-check.on{border-color:var(--color-primary,#0e7c7b);background:var(--color-primary,#0e7c7b);color:var(--text-on-primary);font-weight:600}.pf-check.on:hover{background:var(--teal-800,#0a6564);color:var(--text-on-primary)}.pf-check.on .pf-tick{background:var(--white);border-color:var(--text-on-primary)}.pf-check.on .pf-tick:after{border-color:var(--color-primary,#0e7c7b)}.pf-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:6;box-shadow:0 6px 18px -10px rgba(15,23,42,.18)}.pf-searchwrap{flex:1 1;min-width:200px;display:block}.pf-sr{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.pf-searchwrap .pf-search{width:100%;min-width:0}.pf-clear{margin-left:auto}.pf-jump{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.pf-jchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);background:var(--white);color:var(--text-secondary);border-radius:999px;padding:5px 12px;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:.1s}.pf-jchip:hover{border-color:var(--color-primary,#0e7c7b);color:var(--color-primary-700,#0e7c7b);background:var(--teal-50,#f0fdfa)}.pf-jn{background:var(--teal-100,#ccfbf1);color:var(--teal-800,#0f766e);border-radius:999px;font-size:var(--text-xs);font-weight:700;padding:1px 7px}.pf-jn.z{background:var(--slate-100,#f1f5f9);color:var(--text-muted)}.pf-chips{display:flex;flex-wrap:wrap;gap:8px}.pf-chip{gap:4px;background:var(--teal-50,#f0fdfa);border:1px solid var(--teal-100,#ccfbf1);color:var(--teal-800,#0f766e);border-radius:999px;padding:5px 6px 5px 13px;font-size:var(--text-md);font-weight:600}.pf-chip,.pf-chip button{display:inline-flex;align-items:center}.pf-chip button{border:none;background:transparent;cursor:pointer;color:inherit;opacity:.6;width:20px;height:20px;line-height:1;border-radius:50%;justify-content:center;padding:0;font-size:15px;transition:.1s}.pf-chip button:hover{opacity:1;background:var(--teal-100,#ccfbf1)}.pf-group h3{display:flex;align-items:baseline;gap:10px}.pf-gcount{margin-left:auto;font-size:var(--text-sm);font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-muted)}.pf-gcount b{color:var(--color-primary-700,#0e7c7b)}@media (max-width:640px){.pref-choice{flex-wrap:wrap}.pref-choice-btn{padding:7px 12px}}.pref-swatch-custom{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-sunken-3,#f2f4f6);color:var(--text-secondary);font-weight:600}.pref-swatch-custom input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}.pref-swatch-custom:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.pref-skins{display:flex;flex-wrap:wrap;gap:10px}.pref-skin{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--slate-200);border-radius:8px;background:var(--white);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.pref-skin[data-active=true]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);color:var(--text-primary)}.pref-skin:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pref-skin:disabled{opacity:.5;cursor:default}.pref-skin-chip{display:block;width:64px;height:40px;border-radius:5px;border:1px solid var(--slate-200);position:relative}.pref-skin-card{position:absolute;left:8px;top:8px;right:8px;height:16px;border-radius:3px;border:1px solid rgba(15,23,42,.12)}