.dl-ch__grid[data-v-0434471f]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 8px}@media(max-width:560px){.dl-ch__grid[data-v-0434471f]{grid-template-columns:1fr}}.colors[data-v-0434471f]{border:0;padding:0;margin:16px 0 0;min-width:0}.colors__list[data-v-0434471f]{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 18px}.colors__item[data-v-0434471f]{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.swatch[data-v-0434471f]{position:relative;width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.swatch[data-v-0434471f]:hover{transform:scale(1.06)}.swatch[data-v-0434471f]:has(.swatch__input:focus-visible){outline:3px solid var(--color-primary);outline-offset:3px}.swatch__input[data-v-0434471f]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.swatch--add[data-v-0434471f]{background:#fff;box-shadow:none;border:2px dashed #c9d6db;color:var(--color-text-muted)}.swatch--add[data-v-0434471f]:hover{border-color:var(--color-primary);color:var(--color-primary)}.colors__hex[data-v-0434471f]{font:600 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-secondary);letter-spacing:.02em}.colors__hex--muted[data-v-0434471f]{font-family:var(--font-family);color:var(--color-text-muted)}.colors__remove[data-v-0434471f]{position:absolute;top:-4px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--color-border);background:#fff;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 1px 4px #00000014}.colors__remove[data-v-0434471f]:hover{color:#c0392b;border-color:#e9b4ad}.colors__remove[data-v-0434471f]:focus-visible{outline:3px solid var(--color-primary);outline-offset:1px}