.customizer-layout > *, .builder-panel, .builder-panel fieldset,
.builder-panel .form-grid, .builder-panel label, .bulk-table-wrap {
  min-width: 0;
  min-inline-size: 0;
  max-width: 100%;
}
.bulk-table-wrap { overflow-x: auto; }
.order-checkout { margin: 28px auto 0; max-width: 1100px; background: var(--panel, #fff); scroll-margin-top: 90px; }
.live-preview-sticky { max-height: calc(100dvh - 100px); overflow-y: auto; }
.preview-drawing { display: grid; place-items: center; width: 100%; height: 190px; min-width: 0; }
@media (min-width: 1001px) {
  .customizer-layout > .preview-panel { align-self: stretch; }
}
.preview-label, .preview-label.port, .preview-label.patch, .preview-label.cable {
  box-sizing: border-box;
  width: var(--preview-width);
  height: var(--preview-height);
  min-width: 0;
  min-height: 0;
  padding: var(--preview-padding-y) var(--preview-padding-x);
  border-radius: min(6px, calc(var(--preview-height) * .08));
}
.preview-text:empty { display: none; }
.preview-label .preview-hole { width: var(--hole-diameter); height: var(--hole-diameter); }
.preview-label .preview-hole.side.left { left: var(--hole-inset-x); }
.preview-label .preview-hole.side.right { right: var(--hole-inset-x); }
.preview-label .preview-hole.corner.top-left { left: var(--hole-inset-x); top: var(--hole-inset-y); }
.preview-label .preview-hole.corner.top-right { right: var(--hole-inset-x); top: var(--hole-inset-y); }
.preview-label .preview-hole.corner.bottom-left { left: var(--hole-inset-x); bottom: var(--hole-inset-y); }
.preview-label .preview-hole.corner.bottom-right { right: var(--hole-inset-x); bottom: var(--hole-inset-y); }
.preview-label .preview-slot, .preview-label.holes-vertical_slot .preview-slot { width: var(--slot-width); height: var(--slot-height); }
.preview-label .preview-slot.left { left: var(--slot-inset); }
.preview-label .preview-slot.right { right: var(--slot-inset); }
.preview-label .qr-mark { box-sizing: border-box; width: var(--qr-size); height: var(--qr-size); right: var(--qr-inset); top: 50%; bottom: auto; transform: translateY(-50%); border-width: calc(var(--qr-size) / 12); background-size: 100% 100%; }
.builder-validation { color: #9d2424; grid-column: 1 / -1; margin: 0; }
.preview-fit-notice { font-size: 12px; line-height: 1.4; margin: 0; text-align: center; color: #303a34; }
.preview-fit-notice.error { color: #92231e; font-weight: 700; }
@media (max-width: 1000px) {
  .ux-mobile-preview > .live-preview-sticky { max-height: none; overflow: visible; }
  .ux-mobile-preview .spec-summary { display: none; }
  .ux-mobile-preview .preview-stage { height: auto; max-height: none; min-height: 0; grid-template-rows: auto auto auto; }
  .ux-mobile-preview .preview-drawing { height: 110px; }
  .ux-mobile-preview .preview-label { max-height: none; min-height: 0; }
  .preview-fit-notice { font-size: 11px; }
}
.pricing-notice { margin: 0; padding: 10px 16px; color: #653c00; background: #fff3cf; font-size: 14px; line-height: 1.4; }
.pricing-notice[hidden], #retryPricing[hidden] { display: none; }
#retryPricing { margin: 8px 16px; }
[aria-invalid="true"] { outline: 2px solid #ad2931; outline-offset: 2px; }