.listing-color-field{grid-column:1/-1;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.listing-color-field legend{font-size:12px;padding:0 6px;color:var(--ink)}.listing-color-field p{margin:0 0 14px;line-height:1.65}
.listing-color-choices{display:flex;flex-wrap:wrap;gap:8px}
.listing-color-choice{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer;min-height:34px}
.listing-color-choice[data-selected=true]{border-color:var(--primary);color:var(--primary);background:var(--primary2);font-weight:600}
.listing-color-choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;pointer-events:none}
.listing-color-choice:focus-within{outline:2px solid var(--primary);outline-offset:2px}
.listing-color-swatch{display:inline-block;width:14px;height:14px;flex:none;border:1px solid #8a738777;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40}
.listing-color-info{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.listing-color-info>small{display:block;margin-bottom:10px}
.listing-color-labels{display:flex;gap:8px;flex-wrap:wrap}.listing-color-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:12px}
.listing-color-field[hidden]{display:none!important}