.coop-preview-controls, .coop-preview-toggle { display: inline-flex; align-items: center; gap: 9px; }
.coop-preview-toggle { gap: 6px; cursor: pointer; }
.coop-preview-toggle input[role=switch] {
  appearance: none; display: inline-grid; align-items: center; width: 29px; height: 17px;
  margin: 0; padding: 2px; border: 1px solid #cccbd6; border-radius: 999px; background: #dedde5;
  cursor: pointer;
}
.coop-preview-toggle input[role=switch]::before {
  content: ''; width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px #3333;
}
.coop-preview-toggle input[role=switch]:checked { background: var(--purple, #7c3aed); border-color: var(--purple, #7c3aed); }
.coop-preview-toggle input[role=switch]:checked::before { transform: translateX(12px); }
.coop-preview-toggle input:focus-visible { outline: 2px solid var(--purple, #7c3aed); outline-offset: 2px; }
.coop-preview-controls[hidden], .coop-preview-controls [hidden], [data-coop-preview-root] [hidden],
.coop-preview-dialog [hidden] { display: none !important; }
.coop-preview-feedback { color: var(--muted, #72717d); }
.coop-preview-feedback:empty { display: none; }
.coop-page:has(.coop-preview-has-deals:not([hidden])) { width: 100%; max-width: none; padding: 0; }
.coop-preview-has-deals { min-height: 360px; height: calc(100dvh - 94px); }
dialog.coop-preview-dialog { position: fixed; max-width: calc(100vw - 32px); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid var(--line, #e6e6ec); border-radius: 12px; }
dialog.coop-preview-dialog::backdrop { background: #211e2c60; }
dialog.coop-preview-dialog > h2 { margin: 0 60px 18px 0; font-size: 18px; }
dialog.coop-preview-builder, dialog.coop-preview-quotes { width: min(1060px, 95vw); }
dialog.coop-preview-receipt { width: min(360px, 92vw); }
.coop-preview-close { position: absolute; right: 20px; top: 19px; }