/* Public home-design switcher: neutral styling so it reads on all 3 designs. */
.hts { position:fixed; left:14px; bottom:14px; z-index:900; font-family:inherit; }
.hts-toggle {
    display:inline-flex; align-items:center; gap:7px; cursor:pointer;
    background:#fff; color:#0f1330; border:1px solid rgba(15,19,48,.14); border-radius:999px;
    padding:10px 15px; font:700 .86rem inherit; font-family:inherit;
    box-shadow:0 8px 24px rgba(15,19,48,.22);
}
.hts-toggle:hover { transform:translateY(-1px); }
.hts-panel {
    position:absolute; left:0; bottom:calc(100% + 10px); width:210px; padding:12px;
    background:#fff; border:1px solid rgba(15,19,48,.12); border-radius:18px; box-shadow:0 20px 50px rgba(15,19,48,.3);
}
.hts-panel[hidden] { display:none; }
.hts-title { margin:0 0 8px; font-size:.78rem; font-weight:700; color:#5b6390; }
.hts-opt {
    display:flex; align-items:center; gap:10px; width:100%; margin-top:6px; cursor:pointer;
    background:#f5f6fb; color:#0f1330; border:2px solid transparent; border-radius:12px;
    padding:9px 10px; font:700 .88rem inherit; font-family:inherit; text-align:left;
}
.hts-opt:hover { background:#eceefb; }
.hts-opt[aria-pressed="true"] { border-color:#4f46e5; background:#eceafd; }
.hts-sw { width:28px; height:28px; border-radius:9px; flex-shrink:0; border:1px solid rgba(15,19,48,.12); }
.hts-opt--a .hts-sw { background:linear-gradient(135deg,#fff 0 40%,#4f46e5 40% 70%,#c026d3 70%); }
.hts-opt--b .hts-sw { background:linear-gradient(135deg,#0a0c10 0 55%,#34d399 55%); }
.hts-opt--c .hts-sw { background:linear-gradient(135deg,#0b1647 0 40%,#7c3aed 40% 70%,#ffd84d 70%); }
.hts button:focus-visible { outline:2px solid #4f46e5; outline-offset:2px; }
@media (max-width:640px) { .hts-toggle span { display:none; } .hts-toggle { padding:11px 13px; } }