tpq-theme-picker{display:block;min-width:0;--tp-paper:var(--paper,#fff);--tp-ink:var(--ink,#292d29);--tp-muted:var(--muted,#71756e);--tp-line:var(--line,#dedfd9);--tp-surface:var(--surface,#fafbf8);--tp-accent:#496846;--tp-tint:#edf2e9;--tp-legacy:#8a5a2b;--tp-legacy-tint:#f6ede3;--tp-font:Georgia,serif;--tp-ui:system-ui,sans-serif}[data-theme=dark] tpq-theme-picker{--tp-accent:#b6cfad;--tp-tint:#29372a;--tp-legacy:#e3bf95;--tp-legacy-tint:#3a2e22}tpq-theme-picker.is-admin{--tp-paper:#fff;--tp-ink:#18181b;--tp-muted:#71717a;--tp-line:#e4e4e7;--tp-surface:#fafafa;--tp-font:inherit;--tp-ui:inherit}.dark tpq-theme-picker.is-admin{--tp-paper:#18181b;--tp-ink:#f4f4f5;--tp-muted:#a1a1aa;--tp-line:#3f3f46;--tp-surface:#202023;--tp-accent:#b6cfad;--tp-tint:#29372a;--tp-legacy:#e3bf95;--tp-legacy-tint:#3a2e22}tpq-theme-picker .tp{display:grid;gap:10px;color:var(--tp-ink)}tpq-theme-picker .tp-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}tpq-theme-picker .tp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}tpq-theme-picker .tp-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px 4px 12px;border:1px solid transparent;border-radius:17px;background:var(--tp-tint);color:var(--tp-accent);font:14px/1.3 var(--tp-font);cursor:pointer;overflow-wrap:anywhere;text-align:left}tpq-theme-picker .tp-chip .tp-x{font:16px/1 var(--tp-ui);opacity:.7}tpq-theme-picker .tp-chip:hover .tp-x{opacity:1}tpq-theme-picker .tp-chip.is-legacy{background:var(--tp-legacy-tint);color:var(--tp-legacy);border-style:dashed;border-color:currentColor}tpq-theme-picker .tp-bar{display:flex;gap:8px;min-width:0}tpq-theme-picker .tp-search{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--tp-line);border-radius:5px;background:var(--tp-paper);color:var(--tp-ink);font:16px/1.5 var(--tp-font)}tpq-theme-picker .tp-search::placeholder{color:var(--tp-muted);opacity:.85}tpq-theme-picker :is(.tp-toggle,.tp-done){min-height:44px;padding:0 16px;border:1px solid var(--tp-line);border-radius:5px;background:var(--tp-paper);color:var(--tp-ink);font:14px/1 var(--tp-ui);cursor:pointer;white-space:nowrap}tpq-theme-picker :is(button,input):focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}tpq-theme-picker .tp-panel{border:1px solid var(--tp-line);border-radius:6px;background:var(--tp-surface)}tpq-theme-picker .tp-panel[hidden]{display:none}tpq-theme-picker .tp-scroll{max-height:min(28rem,62dvh);overflow:auto;overscroll-behavior:contain}tpq-theme-picker .tp-columns{padding:14px 16px 4px;columns:3 14rem;column-gap:28px}tpq-theme-picker .tp-group{break-inside:avoid;margin:0 0 16px}tpq-theme-picker .tp-group[hidden]{display:none}tpq-theme-picker .tp-heading{margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid var(--tp-line);color:var(--tp-muted);font:600 11px/1.4 var(--tp-ui);letter-spacing:.08em;text-transform:uppercase}tpq-theme-picker .tp-options{display:flex;flex-wrap:wrap;gap:4px 6px}tpq-theme-picker .tp-option{min-height:32px;padding:3px 9px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--tp-ink);font:14px/1.3 var(--tp-font);cursor:pointer;text-align:left}tpq-theme-picker .tp-option[hidden]{display:none}tpq-theme-picker .tp-option:hover{background:var(--tp-tint);color:var(--tp-accent)}tpq-theme-picker .tp-option[aria-pressed=true]{background:var(--tp-accent);color:var(--tp-paper)}tpq-theme-picker .tp-option[aria-pressed=true]:before{content:"✓ "}tpq-theme-picker .tp-via{color:var(--tp-muted);font-size:12px}tpq-theme-picker .tp-option[aria-pressed=true] .tp-via{color:inherit;opacity:.8}tpq-theme-picker .tp-empty{margin:0;padding:16px;color:var(--tp-muted);font:14px/1.5 var(--tp-ui)}tpq-theme-picker .tp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--tp-line)}tpq-theme-picker .tp-count{color:var(--tp-muted);font:13px/1.4 var(--tp-ui)}@media(max-width:700px){tpq-theme-picker .tp-columns{columns:1;padding:12px 12px 2px}tpq-theme-picker .tp-option,tpq-theme-picker .tp-chip{min-height:40px}}@media(prefers-reduced-motion:no-preference){tpq-theme-picker .tp-option,tpq-theme-picker .tp-chip{transition:background-color .12s,color .12s}}