.mc-document-viewer{--dv-bg:#fff;--dv-fg:#182333;--dv-line:#d8e0e7;--dv-accent:#1474b8;box-sizing:border-box;width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid var(--dv-line);border-radius:14px;background:var(--dv-bg);color:var(--dv-fg);font:inherit;overflow:auto;box-shadow:0 20px 70px #0005}.mc-document-viewer[data-theme=teamo]{--dv-bg:#172330;--dv-fg:#f4f7fb;--dv-line:#ffffff29;--dv-accent:#f28a24}.mc-document-viewer::backdrop{background:#000a}.mc-document-viewer header{display:flex;align-items:center;gap:12px;position:sticky;top:-16px;padding-block:12px;background:var(--dv-bg);z-index:1}.mc-document-viewer h2{font-size:1rem;margin:0;flex:1;overflow-wrap:anywhere}.mc-document-viewer button{appearance:none;min-height:40px;padding:8px 12px;border:1px solid var(--dv-line);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}.mc-document-viewer button:focus-visible{outline:2px solid var(--dv-accent);outline-offset:3px}.mc-document-viewer button:disabled{opacity:.5;cursor:default}.mc-document-viewer nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px}.mc-document-viewer nav[hidden]{display:none}.mc-document-viewer-body{min-height:120px;overflow:auto}.mc-document-viewer-body img,.mc-document-viewer-body video,.mc-document-viewer-body canvas{display:block;max-width:100%;height:auto;margin-inline:auto}.mc-document-viewer-body img,.mc-document-viewer-body video{max-height:75dvh;object-fit:contain}.mc-document-viewer-body audio{display:block;width:min(100%,640px);margin:40px auto}.mc-document-viewer-body pre{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;padding:12px;border:1px solid var(--dv-line);border-radius:8px;font:13px/1.6 ui-monospace,monospace;direction:ltr;text-align:left}.mc-document-viewer-body p{line-height:1.6}@media(max-width:600px){.mc-document-viewer{padding:10px}.mc-document-viewer header{top:-10px;flex-wrap:wrap;gap:8px}.mc-document-viewer h2{order:-1;flex-basis:100%}.mc-document-viewer nav{gap:8px;padding-inline:0}.mc-document-viewer nav button{flex:1}}
