/* Same modal controls on customer and printer screens. */
.pfw-preview-button{display:none;}.pfw-previews-enabled .pfw-preview-button{display:inline-flex;align-items:center;justify-content:center;margin:8px 8px 0 0;padding:7px 12px;border:1px solid var(--pfw-control-border,#6e7e91);border-radius:6px;background:#fff;color:var(--pfw-link,var(--pfw-accent,#0055eb));font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}.pfw-preview-button:focus-visible{outline:3px solid var(--pfw-focus,#0055eb);outline-offset:3px}.pfw-preview-dialog{width:min(1080px,calc(100% - 28px));max-width:1080px;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid var(--pfw-border,#dce2eb);border-radius:14px;background:#fff;color:var(--pfw-ink,#001326);box-shadow:0 20px 80px #0005;font:14px/1.5 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:auto}.pfw-preview-dialog::backdrop{background:var(--pfw-backdrop,#001326c9)}.pfw-preview-dialog *{box-sizing:border-box}.pfw-preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 24px;border-bottom:1px solid var(--pfw-border,#dce2eb)}.pfw-preview-heading>div{min-width:0}.pfw-preview-heading h2{margin:4px 0 0!important;font-size:20px!important;line-height:1.4!important;overflow-wrap:anywhere}.pfw-preview-heading p{margin:0;color:var(--pfw-muted,#526378);font-size:12px}.pfw-preview-heading>button{flex-shrink:0;width:36px;height:36px;border:1px solid var(--pfw-border,#dce2eb);border-radius:8px;background:#fff;color:var(--pfw-ink,#001326);cursor:pointer}.pfw-preview-heading svg{width:20px;height:20px}.pfw-preview-note{margin:0;padding:12px 24px;color:var(--pfw-muted,#526378);font-size:12px;line-height:1.5;background:var(--pfw-paper,#f7f7f4)}.pfw-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid var(--pfw-border,#dce2eb)}.pfw-preview-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pfw-preview-toolbar label{display:flex;gap:6px;align-items:center}.pfw-preview-toolbar input{width:64px;max-width:64px;padding:6px;border:1px solid var(--pfw-control-border,#6e7e91);border-radius:5px;color:var(--pfw-ink,#001326);background:#fff;font:inherit}.pfw-preview-toolbar button{padding:6px 10px;border:1px solid var(--pfw-control-border,#6e7e91);border-radius:5px;background:#fff;color:var(--pfw-link,var(--pfw-accent,#0055eb));font:inherit;cursor:pointer}.pfw-preview-toolbar button:disabled{opacity:.45;cursor:default}.pfw-preview-toolbar a{color:var(--pfw-link,var(--pfw-accent,#0055eb));font-weight:600;text-decoration:underline;white-space:nowrap}.pfw-preview-toolbar a:not([href]){display:none}.pfw-preview-status{margin:0;padding:8px 24px;font-size:12px;color:var(--pfw-muted,#526378)}.pfw-preview-status[data-state=error]{color:var(--pfw-danger,#b42318);background:var(--pfw-danger-soft,#fff2ef)}.pfw-preview-stage{height:58dvh;min-height:180px;max-height:650px;overflow:auto;padding:16px;background:var(--pfw-preview-surface,#e9edf3);display:flex;align-items:safe center;justify-content:safe center}.pfw-preview-stage canvas{display:block;flex-shrink:0;background:#fff;box-shadow:0 2px 14px #0002}.pfw-preview-stage canvas[width="0"]{display:none}.pfw-preview-toolbar button:focus-visible,.pfw-preview-heading button:focus-visible,.pfw-preview-toolbar a:focus-visible{outline:3px solid var(--pfw-focus,#0055eb);outline-offset:2px}.pfw-file-label-row .pfw-preview-button{margin:0}@media(max-width:640px){.pfw-preview-heading{padding:16px}.pfw-preview-note,.pfw-preview-status{padding:10px 16px}.pfw-preview-toolbar{padding:12px 16px;gap:10px}.pfw-preview-heading h2{font-size:17px!important}.pfw-preview-stage{height:48dvh}.pfw-preview-dialog{border-radius:10px}.pfw-file-label-row .pfw-preview-button{justify-self:start}}@media(prefers-reduced-motion:reduce){.pfw-preview-dialog *{scroll-behavior:auto}}