.document-preview-modal{width:min(1000px,calc(100% - 32px));max-width:none;height:min(900px,90dvh);max-height:90dvh;padding:0;border:1px solid #e9e6f0;border-radius:14px;color:#29243d;background:#fff;box-shadow:0 24px 90px #17102840;overflow:hidden}.document-preview-modal::backdrop{background:#211b3c99}.document-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #e9e6f0;background:#faf9fc;height:72px}.document-preview-toolbar h2{font-size:18px;margin:0}.document-preview-toolbar button{flex-shrink:0}.document-preview-modal iframe{display:block;width:100%;height:calc(100% - 72px);border:0;background:white}.branding-preview-content{height:calc(100% - 72px);overflow:auto;padding:28px}.branding-preview-content .invoice-preview{max-width:760px;margin:auto}.branding-preview-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0}.branding-preview-parties>div{min-width:0;overflow-wrap:anywhere}.branding-preview-business{text-align:right}body:has(.document-preview-modal[open]){overflow:hidden}@media(max-width:600px){.document-preview-modal{width:calc(100% - 16px);height:94dvh;max-height:94dvh}.document-preview-toolbar{padding:12px}.branding-preview-content{padding:16px}.branding-preview-parties{gap:14px;font-size:12px}}