/* Colour converter - swatch + one row per format with its own copy button. */
.cv-inrow { display: flex; gap: 6px; min-width: 0; }
.cv-pick { flex: none; width: 44px; min-width: 44px; padding: 3px; cursor: pointer; }
.cv-text { font-family: var(--e-mono); }
.cv-swatch { height: 56px; margin-top: var(--e-gap); border-radius: 10px; border: 1px solid var(--e-line-strong); }
.cv-list { display: grid; gap: 6px; margin: 0; }
.cv-row { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 8px; align-items: center; }
.cv-row dt { font-size: .82em; font-weight: 600; color: var(--e-ink-2); }
.cv-row dd { margin: 0; display: flex; align-items: center; gap: 8px; min-width: 0; }
.cv-row code {
    flex: 1 1 auto; min-width: 0; font: .88em/1.4 var(--e-mono); padding: 6px 8px; border-radius: 6px;
    background: var(--e-surface); border: 1px solid var(--e-line); overflow-wrap: anywhere;
}
.cv-copy { flex: none; font-size: .78em; padding: 4px 9px; min-height: 32px; }
@media (max-width: 360px) { .cv-row { grid-template-columns: 1fr; gap: 2px; } }