.color-picker.svelte-1od4nro.svelte-1od4nro{display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08)}[data-theme=light] .color-picker.svelte-1od4nro.svelte-1od4nro{border-color:#0f172a33;background:rgba(15,23,42,.04)}.color-header.svelte-1od4nro.svelte-1od4nro{display:flex;justify-content:space-between;align-items:center;gap:1rem}.color-label.svelte-1od4nro.svelte-1od4nro{margin:0;font-size:.95rem;font-weight:600}.color-helper.svelte-1od4nro.svelte-1od4nro{margin:.2rem 0 0;font-size:.8rem;color:#ffffffb3}[data-theme=light] .color-picker.svelte-1od4nro .color-helper.svelte-1od4nro{color:#0f172ab8}.swatch.svelte-1od4nro.svelte-1od4nro{display:flex;align-items:center;gap:.6rem}.color-input.svelte-1od4nro.svelte-1od4nro{width:40px;height:40px;border:none;padding:0;background:transparent;cursor:pointer}.color-field.svelte-1od4nro.svelte-1od4nro{display:flex;align-items:center;gap:.75rem}.color-text.svelte-1od4nro.svelte-1od4nro{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:.6rem;color:#fff;padding:.55rem .75rem;font-size:.9rem;outline:none}[data-theme=light] .color-picker.svelte-1od4nro .color-text.svelte-1od4nro{background:rgba(15,23,42,.04);border-color:#0f172a33;color:#111827}[data-theme=light] .color-picker.svelte-1od4nro .color-text.svelte-1od4nro::-moz-placeholder{color:#0f172a99}[data-theme=light] .color-picker.svelte-1od4nro .color-text.svelte-1od4nro::placeholder{color:#0f172a99}.color-preview.svelte-1od4nro.svelte-1od4nro{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.2)}[data-theme=light] .color-picker.svelte-1od4nro .color-preview.svelte-1od4nro{border-color:#0f172a33}