.document-preview{border:1px solid var(--color-ink);background:var(--color-paper);width:min(1200px,96vw);max-width:96vw;height:92dvh;max-height:96dvh;color:var(--color-ink);margin:auto;padding:0;position:fixed;inset:0}.document-preview[open]{flex-direction:column;display:flex}.document-preview::backdrop{background:#000000a6}.document-preview header{border-bottom:1px solid var(--color-ink);justify-content:space-between;align-items:center;gap:20px;max-height:30dvh;padding:14px 20px;display:flex;overflow:auto}.document-preview header h2{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.4}.document-preview header button{cursor:pointer;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.document-preview-toolbar{flex-wrap:wrap;gap:12px 24px;padding:10px 20px;font-size:14px;display:flex}.document-preview-toolbar a{min-height:32px;color:var(--color-red);align-items:center;gap:8px;display:inline-flex}.document-preview iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}.document-preview-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.document-preview-state button{border:1px solid var(--color-ink);padding:10px 20px}.document-preview footer{padding:10px 20px;font-size:12px}.document-preview a:focus-visible,.document-preview button:focus-visible{outline:2px solid var(--color-red);outline-offset:3px}@media (max-width:600px){.document-preview{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.document-preview header{padding:12px}.document-preview-toolbar{padding:8px 12px}.document-preview header h2{font-size:16px}}