.modal-overlay.svelte-1cdrpye{z-index:10000;-webkit-backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card.svelte-1cdrpye{background:var(--bg-card,#fff);border:2px solid var(--border-color,#fce3e9);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--card-shadow,0 10px 30px #00000026);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.modal-header.svelte-1cdrpye{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.header-title.svelte-1cdrpye{color:var(--text-dark,#2d3748);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.close-btn.svelte-1cdrpye{background:var(--primary-light,#fde8ed);color:var(--primary,#f86c8d);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-btn.svelte-1cdrpye:hover{transform:scale(1.08)}.filter-tabs.svelte-1cdrpye{border-bottom:1px solid var(--border-color,#eee);background:#00000003;gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.tab-chip.svelte-1cdrpye{background:var(--bg-body,#fafafa);border:1px solid var(--border-color,#ddd);color:var(--text-muted,#718096);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.tab-chip.active.svelte-1cdrpye{background:var(--primary,#f86c8d);color:#fff;border-color:var(--primary,#f86c8d)}.themes-grid.svelte-1cdrpye{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:20px 24px;display:grid;overflow-y:auto}.theme-card.svelte-1cdrpye{cursor:pointer;text-align:left;border:2px solid;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:flex}.theme-card.svelte-1cdrpye:hover{transform:translateY(-2px)}.theme-card.selected.svelte-1cdrpye{box-shadow:0 0 0 3px var(--primary,#f86c8d)}.theme-color-dot.svelte-1cdrpye{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 6px #00000026}.theme-info.svelte-1cdrpye{flex-direction:column;min-width:0;display:flex}.theme-name.svelte-1cdrpye{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;overflow:hidden}.theme-desc.svelte-1cdrpye{color:#666;font-size:.68rem}