.staff-ui .staff-admin-settings .staff-assortment-summary { margin-bottom: 20px; }
.staff-ui .staff-admin-settings .staff-banner-field-group { display: grid; gap: 18px; }
.staff-ui .staff-admin-settings .staff-form-section { display: grid; gap: 18px; padding: 0 0 28px; border-bottom: 0; }
.staff-ui .staff-admin-settings .staff-form-section > legend { float: none; margin-bottom: 0; padding-bottom: 16px; }
.staff-ui .staff-admin-settings .staff-banner-field { min-width: 0; }
.staff-ui .staff-admin-settings .staff-banner-upload { display: flex; align-items: center; gap: 12px; min-width: 0; }
.staff-ui .staff-admin-settings .staff-banner-upload-button { position: relative; flex: none; }
.staff-ui .staff-admin-settings .staff-banner-upload-button input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.staff-ui .staff-admin-settings .staff-banner-upload-button:focus-within { outline: 2px solid var(--sl-focus); outline-offset: 3px; }
.staff-ui .staff-admin-settings .staff-banner-upload-button:has([aria-invalid="true"]) { border-color: var(--sl-focus); }
.staff-ui .staff-admin-settings .staff-banner-upload-name { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.staff-ui .staff-admin-settings .staff-field-error { color: #922b26; font-size: 12px; line-height: 1.5; }
.staff-ui .staff-admin-settings [aria-invalid="true"] { border-color: #a52b25; }
.staff-ui .staff-admin-settings .staff-banner-field .staff-field-hint,
.staff-ui .staff-admin-settings .staff-banner-field .staff-field-error { margin-top: 6px; }
.staff-ui .staff-admin-settings .staff-banner-number-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.staff-ui .staff-admin-settings .staff-banner-advanced { gap: 18px; padding-top: 8px; }
.staff-ui .staff-admin-settings .staff-banner-effects { display: grid; gap: 12px; min-width: 0; }
.staff-ui .staff-admin-settings .staff-banner-toggle { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; line-height: 20px; font-weight: 400; }
.staff-ui .staff-admin-settings .staff-banner-toggle input[type="checkbox"] { flex: none; margin-top: 2px; }
.staff-ui .staff-admin-settings .staff-banner-palette { display: flex; gap: 4px; }
.staff-ui .staff-admin-settings .staff-banner-palette span { width: 20px; height: 20px; border-radius: 4px; }
.staff-ui .staff-admin-settings .staff-banner-shadow { display: grid; grid-template-columns: minmax(0, 1fr) 132px; align-items: start; gap: 18px; }
.staff-ui .staff-admin-settings .staff-banner-regenerate { display: grid; justify-items: start; gap: 10px; }
.staff-ui .staff-admin-settings .staff-banner-regenerate .staff-field-hint { max-width: 370px; }
.staff-ui .staff-admin-settings .staff-banner-reason { margin-top: 28px; }
.staff-ui .staff-admin-settings .staff-form-footer { position: static; margin-top: 24px; }
.staff-ui .staff-admin-settings .staff-form-errors button { text-align: left; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1199px) {
  .staff-ui .staff-admin-settings .staff-banner-shadow { grid-template-columns: minmax(0, 1fr); }
  .staff-ui .staff-admin-settings .staff-banner-shadow .staff-banner-field { max-width: 180px; }
}
@media (max-width: 599px) {
  .staff-ui .staff-admin-settings .staff-banner-toggle { min-height: 44px; }
  .staff-ui .staff-admin-settings .staff-form-errors button { min-height: 44px; }
}