.app-document-preview{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:100dvh;margin:0;border:0;border-radius:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#fff;color:#172438}.app-document-preview[open]{display:flex;flex-direction:column}.app-document-preview>header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #dce2e9}.app-document-preview strong{overflow-wrap:anywhere}.app-document-preview button,.app-document-preview a,.app-dialog-exit,.app-screen-back{min-height:44px;padding:10px 14px;border:1px solid #b8c5d2;border-radius:10px;background:#fff;color:#172438;font:700 16px system-ui;cursor:pointer}.app-document-preview nav{padding:10px 16px}.app-document-preview iframe{flex:1;width:100%;min-height:0;border:0}.app-dialog-exit{position:sticky;top:0;z-index:10;display:block;margin:0 0 12px auto}.app-screen-back{margin-bottom:12px}html[data-theme="dark"] .app-screen-back{background:#20324a;color:#fff}

.app-document-preview nav{display:flex;flex-wrap:wrap;gap:8px;max-height:34dvh;overflow:auto}.app-document-preview nav [hidden]{display:none}