.theme-switcher{display:inline-flex;position:relative}.theme-switcher .ts-trigger{border:1.5px solid var(--border,#e4e4e7);background:var(--surface,#fff);height:34px;color:var(--text-2,#3f3f46);border-radius:10px;align-items:center;gap:7px;padding:0 10px;transition:border-color .18s,box-shadow .18s;display:inline-flex}.theme-switcher .ts-trigger:hover{border-color:var(--teal,#06d6a0);box-shadow:0 0 0 3px #06d6a01f}.theme-switcher .ts-swatch{border:1.5px solid #0000001f;border-radius:50%;flex-shrink:0;width:16px;height:16px}.theme-switcher .ts-menu{z-index:50;background:var(--surface,#fff);border:1px solid var(--border,#e4e4e7);min-width:190px;box-shadow:var(--shadow-hover,0 16px 32px -16px #00000026);border-radius:14px;padding:6px;animation:.14s ts-pop;position:absolute;top:calc(100% + 8px);right:0}@keyframes ts-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-switcher .ts-menu-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3,#a1a1aa);padding:6px 10px 4px;font-size:11px;font-weight:600}.theme-switcher .ts-item{width:100%;color:var(--text,#0a0a0a);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;transition:background .14s;display:flex}.theme-switcher .ts-item:hover{background:var(--bg-warm,#f4f4f5)}.theme-switcher .ts-item.is-active{color:var(--teal-accessible,#047857);background:#06d6a01a;font-weight:600}.theme-switcher .ts-item .ts-label{flex:1}.theme-switcher .ts-item .ts-check{color:var(--teal-accessible,#047857)}.theme-switcher.theme-switcher-inline{align-items:center;gap:8px;width:100%;display:flex;position:static}.theme-switcher-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3,#6b6b6b);padding-right:2px;font-size:9.5px;font-weight:700}.theme-switcher-inline .theme-swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s,border-color .15s;position:relative}.theme-switcher-inline .theme-swatch:hover{transform:scale(1.12)}.theme-switcher-inline .theme-swatch.active{border-color:var(--teal-accessible,#047857)}.theme-switcher-inline .theme-swatch:before{content:"";border-radius:50%;position:absolute;inset:2px}.theme-switcher-inline .theme-swatch[data-theme=""]:before{background:linear-gradient(135deg,#fafafa 50%,#0a0a0a 50%)}.theme-switcher-inline .theme-swatch[data-theme=cream]:before{background:linear-gradient(135deg,#f4f2ed 50%,#1a1a1a 50%)}.theme-switcher-inline .theme-swatch[data-theme=slate]:before{background:linear-gradient(135deg,#eef1f5 50%,#0e1524 50%)}.theme-switcher-inline .theme-swatch[data-theme=sage]:before{background:linear-gradient(135deg,#edf1ec 50%,#192320 50%)}.theme-switcher-inline .theme-swatch[data-theme=dark]:before{background:linear-gradient(135deg,#1c2128 50%,#f2f4f7 50%)}