/* Metal Cards fixed-size controls; retain the published designer layout. */
#onyx-banner-app .acrylic-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:12px}
#onyx-banner-app .acrylic-controls label{min-width:0;grid-column:auto}
#onyx-banner-app .acrylic-controls select{width:100%;min-width:0;height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:15px}
#onyx-banner-app .acrylic-controls input{width:100%;min-width:0}
#onyx-banner-app .pricing-table{width:100%;table-layout:fixed}
#onyx-banner-app .pricing-table th,#onyx-banner-app .pricing-table td{overflow-wrap:anywhere}
#onyx-banner-app #production-note.error{color:#b42318;font-weight:700}
#onyx-banner-app .quick-size>p{font-size:13px;line-height:1.5}

#onyx-banner-app .quick-size .fulfillment-summary{display:block!important;margin:12px 0 5px;font-size:15px;line-height:1.5;font-weight:700;color:#1a2231}
#onyx-banner-app .quick-size .fulfillment-production{display:block;margin:5px 0 12px;line-height:1.5}
#onyx-banner-app .quick-size .fulfillment-production[hidden]{display:none}
#onyx-banner-app .quick-size .fulfillment-summary.error,#onyx-banner-app .quick-size .fulfillment-production.error{color:#b42318;font-weight:700}

/* Keep the complete review proof within the dialog on desktop and phones. */
#onyx-banner-app #review-artwork{display:grid;gap:16px;min-width:0}
#onyx-banner-app #review-artwork figure{margin:0;min-width:0}
#onyx-banner-app #review-artwork img{display:block;max-width:100%;height:auto}
#onyx-banner-app #review-artwork figcaption{overflow-wrap:anywhere}