/* Compact controls shared by the design page and the design-on-product page. */
.personalizer-form.personalizer-form--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.personalizer-form.personalizer-form--compact > fieldset,
.personalizer-form.personalizer-form--compact > .personalizer-conditional,
.personalizer-form.personalizer-form--compact > .personalizer-field:has(textarea:not([rows="1"])),
.personalizer-form.personalizer-form--compact > .personalizer-field:has(.personalizer-style) { grid-column: 1 / -1; }
.personalizer-form--compact .personalizer-field-heading { gap: 8px; margin-bottom: 6px; }
.personalizer-form--compact .personalizer-field label, .personalizer-form--compact .personalizer-field legend { font-size: .8125rem; letter-spacing: 0; font-weight: 600; }
.personalizer-form--compact .personalizer-counter { font-size: .6875rem; font-variant-numeric: tabular-nums; }
.personalizer-form.personalizer-form--compact textarea.personalizer-text { min-height: 44px; max-height: 180px; padding: 10px 12px; border-radius: 8px; font-size: .875rem; field-sizing: content; }
.personalizer-form--compact .personalizer-thumbs { gap: 8px; padding: 4px; margin: -4px; }
.personalizer-form--compact .personalizer-thumb { width: 80px; height: 80px; border-radius: 9px; }
.personalizer-form--compact .personalizer-thumb[aria-pressed="true"] { outline-width: 1px; outline-offset: 2px; background: #f7f8f2; }
@media (max-width: 540px) {
    .personalizer-form.personalizer-form--compact { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .personalizer-form.personalizer-form--compact textarea.personalizer-text { font-size: 1rem; }
}