/* Admin → Appearance & themes */
.th-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.th-card{position:relative;display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;background:var(--surface);transition:border-color .2s,box-shadow .2s}
.th-card:hover{border-color:var(--brand)}
.th-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}
.th-card input{position:absolute;top:22px;right:22px;width:20px;height:20px;accent-color:var(--brand);z-index:2}
.th-name{font-weight:700;font-size:1.05rem;color:var(--ink);display:flex;gap:8px;align-items:center}
.th-about{font-size:.88rem;color:var(--muted);line-height:1.45}
.th-prev{font-size:.85rem;font-weight:600;margin-top:4px;display:inline-flex;gap:6px;align-items:center}
.th-thumb{position:relative;display:block;height:132px;border-radius:12px;overflow:hidden;margin-bottom:6px;border:1px solid var(--line)}
.th-thumb i{position:absolute;display:block}
.th-thumb .th-bar{left:0;right:0;top:0;height:18px}
.th-thumb .th-h{left:12px;top:32px;width:55%;height:12px;border-radius:4px}.th-thumb .th-h.s{top:50px;width:38%;height:8px;opacity:.6}
.th-thumb .th-btn{left:12px;top:68px;width:56px;height:16px;border-radius:8px;background:var(--a)}
.th-thumb .th-c1,.th-thumb .th-c2,.th-thumb .th-c3{bottom:10px;width:27%;height:30px;border-radius:7px}
.th-thumb .th-c1{left:12px}.th-thumb .th-c2{left:36.5%}.th-thumb .th-c3{right:12px}
/* classic: light page, dark hero strip */
.th-classic{background:#f5f8fc}.th-classic .th-bar{background:#fff;border-bottom:1px solid #e3e9f2}
.th-classic .th-h{background:var(--d)}.th-classic::before{content:"";position:absolute;left:0;right:0;top:18px;height:74px;background:var(--d)}
.th-classic .th-h{background:#fff}.th-classic .th-c1,.th-classic .th-c2,.th-classic .th-c3{background:#fff;border:1px solid #e3e9f2}
/* pulse: all dark with glow */
.th-pulse{background:radial-gradient(160px 90px at 80% 20%,color-mix(in srgb,var(--a2) 45%,transparent),transparent 70%),var(--d)}.th-pulse .th-bar{background:#000}
.th-pulse .th-h{background:linear-gradient(90deg,var(--a),var(--a2))}.th-pulse .th-c1,.th-pulse .th-c2,.th-pulse .th-c3{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
/* pro: dark header and hero, light content */
.th-pro{background:#fff}.th-pro .th-bar{background:var(--d)}.th-pro::before{content:"";position:absolute;left:0;right:0;top:18px;height:74px;background:var(--d);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:10px 10px}
.th-pro .th-h{background:#fff}.th-pro .th-c1,.th-pro .th-c2,.th-pro .th-c3{background:#f6f8fc;border:1px solid #e3e9f2}
.th-thumb i{z-index:1}
input.input[type=color]{height:46px;padding:4px 6px;cursor:pointer}