.color-picker-row {
    display: flex; align-items: center; gap: 16px; margin-bottom: 8px;
}
.color-picker-row input[type="color"] {
    width: 60px; height: 60px; border: 2px solid var(--border);
    border-radius: var(--radius); cursor: pointer; padding: 2px;
    background: var(--bg-white);
}
.color-picker-label { font-size: 14px; color: var(--text-light); }
.color-field { display: flex; flex-direction: column; gap: 4px; }
.color-field .input { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 14px; }
.color-field .copy-color-btn {
    align-self: flex-end; margin-top: 2px;
}
.color-field-group {
    display: flex; align-items: flex-end; gap: 8px;
}
.color-field-group .input { flex: 1; }
.color-field-group button { flex-shrink: 0; }