.order-preview-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:10px 0 16px}.order-preview-tools[hidden]{display:none!important}.order-preview-tools>button,.order-preview-header button,.order-preview-zoom button,.document-page-preview{min-height:44px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 15px;background:white;color:#142b4b;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;cursor:pointer}.order-preview-tools small{color:#526075;font-size:12px}.order-preview-viewer{box-sizing:border-box;width:min(1040px,calc(100vw - 24px));height:min(94dvh,1100px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:16px;background:#f4f6f9;color:#142b4b;box-shadow:0 24px 80px #0005;overflow:hidden}.order-preview-viewer::backdrop{background:#061426c9}.order-preview-viewer[open]{display:flex;flex-direction:column}.order-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;padding:14px 18px;border-bottom:1px solid #d9e0e9}.order-preview-header h2{margin:0;font-family:inherit;font-size:18px;font-weight:700;line-height:1.35}.order-preview-header button{flex-shrink:0}.order-preview-zoom{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;background:#fff}.order-preview-zoom button{min-width:44px}.order-preview-zoom output{min-width:50px;text-align:center;font-size:14px}.order-preview-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;touch-action:pan-x pan-y pinch-zoom}.order-preview-image{margin:auto;max-width:none;transform-origin:top left}.order-preview-image>canvas,.order-preview-image>img{display:block;width:100%;height:auto;max-width:none;box-shadow:0 2px 12px #142b4b20;background:white}.order-preview-status{margin:0;padding:0 18px;font-size:14px}.order-preview-status:empty{display:none}.order-preview-caption{margin:0;padding:12px 18px;background:white;font-size:13px;line-height:1.5;border-top:1px solid #d9e0e9}.document-page-preview{width:100%;margin-top:6px}.order-preview-viewer button:focus-visible,.order-preview-tools button:focus-visible,.document-page-preview:focus-visible{outline:3px solid #235aa5;outline-offset:3px}.order-preview-viewer button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.order-preview-viewer{width:calc(100vw - 12px);height:96dvh;border-radius:12px}.order-preview-header{padding:10px}.order-preview-header h2{font-size:15px}.order-preview-stage{padding:8px}.order-preview-caption{padding:10px;font-size:12px}.order-preview-zoom{gap:6px}.order-preview-tools{align-items:stretch}.order-preview-tools>button{flex:1}.order-preview-tools small{flex-basis:100%;text-align:center}}