.attachment-viewer{width:min(1100px,96vw);height:min(900px,94dvh);max-width:96vw;max-height:94dvh;border:1px solid #244b76;padding:0;border-radius:8px;color:#172c44;background:#f0f3f7;box-shadow:0 12px 65px #0006}.attachment-viewer::backdrop{background:#07182bba}.attachment-viewer[open]{display:flex;flex-direction:column}.av-head{background:#122d50;color:white;padding:14px 18px;display:flex;gap:15px;align-items:start;justify-content:space-between}.av-head h2{font-size:18px;margin:0 0 4px;line-height:1.4;overflow-wrap:anywhere}.av-head p{margin:0;font-size:14px;color:#dce7f4}.attachment-viewer button,.attachment-viewer select{font:inherit;font-size:14px;padding:8px 12px;border:1px solid #a8b8cc;border-radius:4px;background:#fff;color:#163653;cursor:pointer}.attachment-viewer button:disabled{opacity:.45;cursor:default}.av-tools,.av-bottom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:white;border-bottom:1px solid #cad5e2}.av-bottom{border-top:1px solid #cad5e2;border-bottom:0;justify-content:space-between}.av-tools p{margin:0;font-size:14px}.av-body{flex:1;overflow:auto;min-height:0;padding:18px;text-align:center}.av-body canvas{display:block;margin:auto;max-width:100%;height:auto;box-shadow:0 1px 6px #0003;background:white}.av-body img{max-width:100%;max-height:100%;object-fit:contain}.av-body pre{max-width:850px;margin:auto;padding:20px;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:white;font:16px/1.65 system-ui,sans-serif}.av-message{padding:30px;max-width:720px;margin:auto;font-size:16px;line-height:1.6}.av-status{padding:8px 16px;margin:0;font-size:14px;background:#e7edf5}.av-select{max-width:45vw}.av-page-tools{display:flex;align-items:center;gap:8px}.av-page-tools[hidden]{display:none}.attachment-viewer a{color:#185399}.attachment-viewer :focus-visible{outline:3px solid #daab38;outline-offset:2px}@media(max-width:600px){.attachment-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.av-body{padding:8px}.av-select{max-width:100%;width:100%}.av-tools{gap:8px}.av-bottom{font-size:14px}}