.theme-switcher{position:relative;width:100%}.theme-switcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.theme-switcher--compact .theme-switcher-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.theme-card{position:relative;display:flex;flex-direction:column;background:var(--theme-bg-color, rgba(16, 18, 27, .4));border:2px solid var(--border-color, rgba(113, 119, 144, .25));border-radius:.75rem;padding:0;cursor:pointer;transition:all .2s ease;overflow:hidden;text-align:left}.theme-card:hover{border-color:var(--color-primary, rgba(154, 134, 227, 1));transform:translateY(-2px);box-shadow:0 8px 16px #0003}.theme-card--active{border-color:var(--color-primary, rgba(154, 134, 227, 1));background:var(--theme-bg-color, rgba(16, 18, 27, .6))}.theme-card:disabled{opacity:.5;cursor:not-allowed}.theme-preview{position:relative;width:100%;height:120px;overflow:hidden}.theme-switcher--compact .theme-preview{height:80px}.theme-preview-colorful{width:100%;height:100%;position:relative}.theme-preview-colorful .preview-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#f0497f 9%,#863099 30%,#3b80e0 58%,#9a86e3 80%);animation:gradientShift 8s ease infinite}.theme-preview-colorful .preview-glass{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-preview-colorful .preview-glass-card{width:100%;height:60%;background:#10121b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}@keyframes gradientShift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.theme-preview-dark{width:100%;height:100%;position:relative}.theme-preview-dark .preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a,#1e293b)}.theme-preview-dark .preview-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:50%;background:#1e293b;border-radius:.5rem;border:1px solid rgba(148,163,184,.2)}.theme-preview-light{width:100%;height:100%;position:relative}.theme-preview-light .preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff,#f8fafc)}.theme-preview-light .preview-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:50%;background:#fff;border-radius:.5rem;border:1px solid rgba(148,163,184,.3);box-shadow:0 2px 8px #0000001a}.theme-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.theme-switcher--compact .theme-info{padding:.75rem;gap:.25rem}.theme-name{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--theme-color, #f9fafb)}.theme-switcher--compact .theme-name{font-size:.875rem}.theme-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;background:var(--color-primary, rgba(154, 134, 227, 1));color:#fff;border-radius:9999px}.theme-description{font-size:.875rem;color:var(--inactive-color, rgb(113 119 144 / 78%));line-height:1.4}.theme-switcher--compact .theme-description{font-size:.75rem}.theme-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.theme-tag{display:inline-block;padding:.125rem .5rem;font-size:.75rem;background:var(--hover-menu-bg, rgba(12, 15, 25, .3));color:var(--inactive-color, rgb(113 119 144 / 78%));border-radius:.25rem;border:1px solid var(--border-color, rgba(113, 119, 144, .25))}.theme-active-indicator{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary, rgba(154, 134, 227, 1));color:#fff;border-radius:50%;box-shadow:0 2px 8px #0003}.theme-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#10121bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;color:var(--theme-color, #f9fafb);font-size:.875rem;z-index:10}.theme-loading-spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-primary, rgba(154, 134, 227, 1));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}