dialog.customer-preview{width:98vw;max-width:1600px;height:94vh;max-height:94vh;padding:18px;border:1px solid #b4cbd5;background:#f7fafc;color:#143e50;overflow:hidden}
dialog.customer-preview[open]{display:flex;flex-direction:column;gap:12px}
.customer-preview::backdrop{background:#0b263fcc}
.customer-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:none}
.customer-preview-toolbar h2{font-size:24px;margin:0 auto 0 0}
.customer-preview-toolbar label{margin:0;display:flex;align-items:center;gap:10px;font-size:14px}
.customer-preview-toolbar select{width:auto;margin:0;max-width:100%}
.customer-preview #previewStatus{margin:0;font-size:14px;flex:none}
.customer-preview-canvas{flex:1;min-height:0;overflow:auto;background:#dce6eb;padding:12px;overscroll-behavior:contain}
.customer-preview iframe{display:block;border:0;height:100%;min-height:300px;max-width:none;background:white;margin:0 auto;flex-shrink:0}
.customer-preview iframe[hidden]{display:none}
@media(max-width:600px){dialog.customer-preview{padding:10px}.customer-preview-toolbar h2{width:100%;font-size:21px}.customer-preview-canvas{padding:5px}}