.skin-switcher-backdrop{animation:skin-backdrop-in .22s ease-out;backdrop-filter:blur(6px);position:fixed;inset:0}.skin-switcher-panel{animation:skin-panel-in .28s cubic-bezier(.22,1,.36,1);margin:auto;max-width:min(48rem,calc(100vw - 2rem));box-shadow:0 0 0 1px color-mix(in oklab,var(--border) 80%,transparent),0 24px 80px -12px color-mix(in oklab,var(--foreground) 18%,transparent)}@keyframes skin-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes skin-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.skin-switcher-hero{position:relative;overflow:hidden;border-radius:14px;border:1px solid color-mix(in oklab,var(--brand) 22%,var(--border));background:radial-gradient(ellipse 80% 120% at 0 0,color-mix(in oklab,var(--brand) 14%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in oklab,var(--card) 92%,var(--brand)),var(--card))}.skin-switcher-hero-swatch{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px -8px color-mix(in oklab,var(--foreground) 25%,transparent)}.skin-switcher-search{background:color-mix(in oklab,var(--muted) 55%,var(--card));border:1px solid color-mix(in oklab,var(--border) 90%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.skin-switcher-search:focus-within{border-color:color-mix(in oklab,var(--brand) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 12%,transparent)}.skin-switcher-chip{border:1px solid color-mix(in oklab,var(--border) 85%,transparent);background:color-mix(in oklab,var(--muted) 40%,transparent);color:var(--muted-foreground);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.skin-switcher-chip:hover{background:color-mix(in oklab,var(--muted) 70%,transparent);color:var(--foreground)}.skin-switcher-chip.is-active{border-color:color-mix(in oklab,var(--brand) 40%,transparent);background:color-mix(in oklab,var(--brand) 12%,var(--card));color:var(--brand);font-weight:650}.skin-switcher-card{position:relative;border-radius:14px;border:1px solid color-mix(in oklab,var(--border) 88%,transparent);background:var(--card);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.skin-switcher-card:hover{border-color:color-mix(in oklab,var(--brand) 35%,var(--border));box-shadow:0 10px 28px -14px color-mix(in oklab,var(--brand) 28%,transparent);transform:translateY(-1px)}.skin-switcher-card.is-active{border-color:color-mix(in oklab,var(--brand) 55%,transparent);background:linear-gradient(145deg,color-mix(in oklab,var(--brand) 7%,var(--card)),var(--card));box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 18%,transparent),0 12px 32px -16px color-mix(in oklab,var(--brand) 35%,transparent)}.skin-switcher-card-preview{border-radius:10px;border:1px solid color-mix(in oklab,var(--border) 70%,transparent);overflow:hidden;min-height:3.25rem}.skin-switcher-card-preview-bar{height:.45rem;opacity:.9}.skin-switcher-card-preview-body{display:grid;grid-template-columns:28% 1fr;min-height:2rem}.skin-switcher-card-preview-sidebar{border-inline-end:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.skin-switcher-card-preview-main{padding:.35rem .45rem;display:flex;flex-direction:column;gap:.2rem}.skin-switcher-card-preview-line{height:.22rem;border-radius:999px;background:color-mix(in oklab,var(--foreground) 12%,transparent)}.skin-switcher-card-badge{position:absolute;top:.55rem;right:.55rem;display:flex;width:1.35rem;height:1.35rem;align-items:center;justify-content:center;border-radius:999px;background:var(--brand);color:var(--brand-foreground);box-shadow:0 4px 12px -4px color-mix(in oklab,var(--brand) 55%,transparent)}.skin-switcher-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--muted-foreground) 35%,transparent) transparent}.skin-switcher-scroll::-webkit-scrollbar{width:6px}.skin-switcher-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}.skin-switcher-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground)}.skin-switcher-footer-link{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .75rem;font-weight:650;color:var(--brand);background:color-mix(in oklab,var(--brand) 10%,transparent);transition:background .15s ease}.skin-switcher-footer-link:hover{background:color-mix(in oklab,var(--brand) 16%,transparent)}