.tokp{z-index:60;background:var(--brand-surface-2);border:1px solid var(--brand-line);width:340px;max-height:calc(100vh - 96px);color:var(--brand-ink);border-radius:10px;padding:14px 16px;font-size:14px;position:fixed;top:64px;right:16px;overflow-y:auto}.tokp-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tokp-head h2{margin:0;font-size:15px}.tokp-close{border:1px solid var(--brand-line);color:var(--brand-ink);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;line-height:1}.tokp section{margin-bottom:10px}.tokp h3{color:var(--brand-slate);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px}.tokp-row{align-items:center;gap:8px;padding:4px 0;display:flex}.tokp-label{flex:1}.tokp-row code{color:var(--brand-slate);font-size:12px}.tokp-btn{border:1px solid var(--brand-line);color:var(--brand-ink);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px}.tokp-btn:disabled{cursor:default;opacity:.5}.tokp-contrast-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.tokp-contrast-row.is-low,.is-low{color:var(--brand-alert)}.tokp-banner{background:var(--brand-line-soft);border-radius:6px;margin:0 0 10px;padding:8px 10px;font-size:13px}.tokp-banner.is-bad{color:var(--brand-alert)}.tokp-scope{color:var(--brand-slate);margin:10px 0;font-size:12px}.tokp-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tokp-foot .is-bad{color:var(--brand-alert)}.tokp-save{border-color:var(--brand-mint)}.tokp-themes{border:1px solid var(--brand-line);border-radius:8px;padding:10px}.tokp-theme-row{gap:6px;margin-bottom:6px;display:flex}.tokp-theme-pick,.tokp-theme-name{border:1px solid var(--brand-line);color:var(--brand-ink);background:0 0;border-radius:6px;flex:1;min-width:0;padding:4px 6px;font-size:12px}.tokp-theme-actions{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.tokp-scope-toggle{color:var(--brand-slate);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.tokp-scope-toggle label{align-items:center;gap:4px;display:flex}.tokp-num{border:1px solid var(--brand-line);color:var(--brand-ink);background:0 0;border-radius:6px;width:56px;padding:2px 4px;font-size:12px}.tokp-unit{color:var(--brand-slate);width:20px;font-size:11px}.tokp-range{flex:1;min-width:40px}.tokp-select{border:1px solid var(--brand-line);color:var(--brand-ink);background:0 0;border-radius:6px;padding:3px 6px;font-size:12px}