/* Preview zoom is a viewing control, independent of design tokens and export resolution. */
.ad-preview-controls { display: flex; align-items: center; gap: 9px; flex: none; }
.ad-preview-controls .ad-segmented { width: auto; }
.ad-preview-controls .ad-segmented button { min-height: 32px; padding: 5px 10px; white-space: nowrap; }
.ad-preview-viewport { display: flex; align-items: safe center; justify-content: safe center; overflow: auto; min-width: 0; min-height: 0; overscroll-behavior: auto; }
.ad-preview-surface { flex: none; max-width: none !important; max-height: none !important; }


.ad-preview-viewport:focus-visible { outline: 2px solid var(--ad-ui-action, #ffed1f); outline-offset: -2px; }