.tp{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.tp-option{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);min-height:64px;color:var(--text-hi);text-align:left;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.tp-option:hover{border-color:var(--border-strong)}.tp-option[aria-checked=true]{border-color:var(--line-gold);background:var(--surface-3);box-shadow:var(--ring-select)}.tp-swatch{border:3px solid;border-radius:12px;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.tp-swatch i{border-radius:4px;height:7px;position:absolute;left:7px;right:7px}.tp-swatch i:first-child{top:9px}.tp-swatch i:last-child{border-radius:6px;height:11px;bottom:8px}.tp-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tp-text b{font-size:15px;font-weight:800}.tp-text small{color:var(--text-mid);font-size:12.5px}.tp-check{color:var(--gold-300);flex:none}.tp-select{color:var(--text-mid);align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.tp-select-box{align-items:center;display:inline-flex;position:relative}.tp-select select{appearance:none;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface-2);height:38px;color:var(--text-hi);font:inherit;cursor:pointer;padding:0 36px 0 14px}.tp-select select:hover{border-color:var(--line-gold)}.tp-select select option{background:var(--surface-1);color:var(--text-hi)}.tp-select-box svg{pointer-events:none;color:var(--text-mid);position:absolute;right:12px}