.color-options { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.color-option { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; cursor: pointer; }
.color-option input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.color-option .color-swatch { border-radius: 50%; padding: 3px; box-sizing: content-box; }
.color-option input:checked + .color-swatch { outline: 2px solid #111827; }
.color-option input:focus-visible + .color-swatch { outline: 3px solid #2563eb; outline-offset: 3px; }
.selected-color { display: inline-flex; align-items: center; gap: .375rem; font-size: .875rem; }