.proof-preview-overlay{z-index:11000;background:#000000e6;position:fixed;inset:0}.proof-preview-dialog{z-index:11001;width:100%;height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));color:#fff;font-family:var(--font-body,sans-serif);outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.proof-preview-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.proof-preview-count{font-size:15px;font-weight:600}.proof-preview-control{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;padding:0;transition:background .15s;display:inline-grid}.proof-preview-control:hover{background:#fff3}.proof-preview-control:focus-visible{outline:2px solid var(--green,#2ee08a);outline-offset:3px}.proof-preview-control svg{width:24px;height:24px}.proof-preview-close{border:2px solid #fff}.proof-preview-stage{touch-action:pan-y pinch-zoom;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.proof-preview-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.proof-preview-stage.is-zoomed{touch-action:pan-x pan-y pinch-zoom;display:block;overflow:auto}.proof-preview-stage.is-zoomed .proof-preview-image{width:auto;min-width:100%;max-width:none;max-height:none;margin:auto}.proof-preview-player{aspect-ratio:16/9;background:#000;border:0;width:min(1200px,100%);max-height:100%;display:block}.proof-preview-footer{flex-shrink:0;grid-template-columns:1fr minmax(0,3fr) 1fr;align-items:center;gap:16px;padding-top:20px;display:grid}.proof-preview-footer>.proof-preview-control{justify-self:start}.proof-preview-title{color:#fff;text-align:center;margin:0;font-size:16px;font-weight:500;line-height:1.4}.proof-preview-actions{justify-content:flex-end;gap:12px;display:flex}@media (max-width:600px){.proof-preview-dialog{padding:max(12px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom))}.proof-preview-toolbar{padding-bottom:12px}.proof-preview-control{width:44px;height:44px}.proof-preview-footer{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;padding-top:16px}.proof-preview-title{font-size:13px}.proof-preview-zoom{top:max(12px, env(safe-area-inset-top));position:absolute;right:68px}.proof-preview-actions{gap:0}}