.cp-wrap[data-v-724af470]{gap:1.5rem}.cp-controls[data-v-724af470],.cp-wrap[data-v-724af470]{display:flex;flex-direction:column}.cp-controls[data-v-724af470]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:.75rem;gap:1rem;padding:1.25rem}.ctrl-row[data-v-724af470]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.ctrl-label[data-v-724af470]{color:var(--text-secondary);font-size:.875rem;font-weight:600;min-width:7rem}.color-input-row[data-v-724af470]{align-items:center;display:flex;gap:.75rem}.color-swatch[data-v-724af470]{border:none;border-radius:.4rem;cursor:pointer;height:2.5rem;padding:0;width:2.5rem}.text-input[data-v-724af470]{font-family:monospace;width:8rem}.select-input[data-v-724af470],.text-input[data-v-724af470]{background:var(--bg-base);border:1px solid var(--border);border-radius:.4rem;color:var(--text-primary);font-size:.875rem;padding:.4rem .75rem}.select-input[data-v-724af470]{cursor:pointer}.palette-grid[data-v-724af470]{display:flex;flex-wrap:wrap;gap:1rem}.swatch-card[data-v-724af470]{border:1px solid var(--border);border-radius:.75rem;flex:1;min-width:120px;overflow:hidden}.swatch-block[data-v-724af470]{height:100px;width:100%}.swatch-info[data-v-724af470]{align-items:center;background:var(--bg-subtle);display:flex;justify-content:space-between;padding:.5rem .75rem}.swatch-hex[data-v-724af470]{font-family:monospace;font-size:.8rem}.btn-copy-sm[data-v-724af470],.swatch-hex[data-v-724af470]{color:var(--text-secondary)}.btn-copy-sm[data-v-724af470]{background:none;border:1px solid var(--border);border-radius:.35rem;cursor:pointer;font-size:.75rem;padding:.2rem .6rem;transition:all .15s}.btn-copy-sm[data-v-724af470]:hover{border-color:var(--accent);color:var(--accent)}.cp-actions[data-v-724af470]{display:flex;justify-content:flex-end}.btn-export[data-v-724af470]{background:var(--accent);border:none;border-radius:.5rem;color:var(--on-accent);cursor:pointer;font-size:.875rem;padding:.5rem 1.25rem;transition:opacity .15s}.btn-export[data-v-724af470]:hover{opacity:.85}