.theme-selector.svelte-1xjbvuj{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;display:flex;overflow:hidden}.compact.svelte-1xjbvuj{gap:.85rem}.section-title.svelte-1xjbvuj{color:var(--color-text-main,#111827);margin:0 0 .4rem;font-size:.825rem;font-weight:700}.mode-options.svelte-1xjbvuj{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.mode-btn.svelte-1xjbvuj{border:1px solid var(--color-border-warm,#e2e8f0);background:var(--color-card-bg,#fff);color:var(--color-text-main,#111827);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.4rem .5rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.mode-btn.svelte-1xjbvuj .label:where(.svelte-1xjbvuj){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-btn.svelte-1xjbvuj:hover{border-color:var(--color-primary,#0cc0df);background:var(--color-card-subtle,#f8fafc)}.mode-btn.active.svelte-1xjbvuj{border-color:var(--color-primary,#0cc0df);background:var(--color-primary-light,#0cc0df26);color:var(--color-primary-dark,#088ea6);font-weight:700}.preset-grid.svelte-1xjbvuj{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem;display:grid}.compact.svelte-1xjbvuj .preset-grid:where(.svelte-1xjbvuj){grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card.svelte-1xjbvuj{border:1px solid var(--color-border-warm,#e2e8f0);background:var(--color-card-bg,#fff);color:var(--color-text-main,#111827);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:8px;align-items:center;gap:.4rem;width:100%;min-width:0;padding:.45rem .6rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex;position:relative}.compact.svelte-1xjbvuj .preset-card:where(.svelte-1xjbvuj){gap:.3rem;padding:.35rem .5rem;font-size:.72rem}.preset-card.svelte-1xjbvuj:hover{border-color:var(--color-primary,#0cc0df);transform:translateY(-1px)}.preset-card.active.svelte-1xjbvuj{border-color:var(--color-primary,#0cc0df);box-shadow:0 0 0 2px var(--color-primary,#0cc0df)}.swatch-group.svelte-1xjbvuj{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.swatch.svelte-1xjbvuj{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:14px;height:14px}.secondary-swatch.svelte-1xjbvuj{margin-left:-.3rem}.compact.svelte-1xjbvuj .swatch:where(.svelte-1xjbvuj){width:12px;height:12px}.preset-name.svelte-1xjbvuj{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.check-mark.svelte-1xjbvuj{color:var(--color-primary,#0cc0df);flex-shrink:0;font-size:.75rem;font-weight:800}.custom-header.svelte-1xjbvuj{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.custom-badge.svelte-1xjbvuj{background:var(--color-card-subtle,#f1f5f9);color:var(--color-text-muted,#64748b);border-radius:9999px;padding:.1rem .45rem;font-size:.68rem;font-weight:600}.active-badge.svelte-1xjbvuj{background:var(--color-primary-light,#0cc0df26);color:var(--color-primary-dark,#088ea6)}.custom-picker-row.svelte-1xjbvuj{box-sizing:border-box;align-items:center;gap:.4rem;width:100%;display:flex}.color-picker-wrapper.svelte-1xjbvuj{cursor:pointer;flex-shrink:0;width:32px;height:32px;position:relative}.color-input.svelte-1xjbvuj{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.color-preview.svelte-1xjbvuj{border:2px solid var(--color-border-warm,#cbd5e1);box-sizing:border-box;border-radius:8px;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 1px #ffffff4d}.hex-input-wrapper.svelte-1xjbvuj{background:var(--color-input-bg,#fff);border:1px solid var(--color-input-border,#cbd5e1);box-sizing:border-box;border-radius:8px;flex-shrink:0;align-items:center;width:90px;height:32px;padding:0 .4rem;display:flex}.prefix.svelte-1xjbvuj{color:var(--color-text-muted,#94a3b8);font-size:.8rem;font-weight:700}.hex-text-input.svelte-1xjbvuj{width:100%;color:var(--color-input-text,#111827);text-transform:uppercase;background:0 0;border:none;outline:none;font-family:monospace;font-size:.8rem;font-weight:700}.btn-apply-custom.svelte-1xjbvuj{border:1px solid var(--color-border-warm,#cbd5e1);background:var(--color-card-bg,#fff);height:32px;color:var(--color-text-main,#111827);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;min-width:0;padding:0 .6rem;font-size:.75rem;font-weight:600;transition:all .15s;overflow:hidden}.btn-apply-custom.svelte-1xjbvuj:hover,.btn-apply-custom.active.svelte-1xjbvuj{background:var(--color-primary,#0cc0df);border-color:var(--color-primary,#0cc0df);color:#fff}
