.attachment-preview-frame{width:100%;height:calc(88vh - 80px);overflow:hidden}.attachment-preview{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:auto}.attachment-preview__zoom{z-index:2;background:var(--dx-color-main-bg,#fff);border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:8px;right:20px;box-shadow:0 1px 4px #00000040}.attachment-preview__zoom-value{min-width:52px;color:var(--dx-color-text,inherit);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px}.attachment-preview__zoom-value:hover{background:#7f7f7f26}.attachment-preview__zoom-scroll{width:100%;height:100%;display:flex;overflow:auto}.attachment-preview__zoom-image{flex-shrink:0;max-width:none;height:auto;margin:auto}.attachment-preview__center{opacity:.6;justify-content:center;align-items:center;height:100%;min-height:160px;font-size:14px;display:flex}.attachment-preview__center--column{opacity:1;flex-direction:column;gap:12px}.attachment-preview__pdf-pages{scrollbar-gutter:stable;background:#6b728026;flex-direction:column;align-items:flex-start;gap:8px;width:100%;height:100%;padding:8px;display:flex;overflow:auto}.attachment-preview__native{background:#fff;border:0;width:100%;height:100%;min-height:60vh}.attachment-preview__pdf-page{background:#fff;flex-shrink:0;margin-inline:auto;box-shadow:0 1px 4px #0000004d}.attachment-preview__docx{width:100%;height:100%;overflow:auto}.attachment-preview__text{white-space:pre-wrap;word-break:break-word;align-self:flex-start;width:100%;height:100%;margin:0;font-size:12px;overflow:auto}.attachment-preview__image{object-fit:contain;max-width:100%;max-height:100%}.attachment-preview__pdf{border:none;width:100%;height:100%}.attachment-preview__sheet{flex-direction:column;align-self:stretch;align-items:stretch;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;display:flex}.attachment-preview__sheet-tabs{flex-wrap:wrap;flex-shrink:0;gap:4px;padding-bottom:8px;display:flex}.attachment-preview__sheet-tab{border:1px solid var(--dx-color-border,#ccc);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:12px}.attachment-preview__sheet-tab--active{background:var(--dx-color-primary,#0d6efd);border-color:var(--dx-color-primary,#0d6efd);color:#fff}.attachment-preview__table-scroll{flex:1;min-width:0;min-height:0;overflow:auto}.attachment-preview__table{border-collapse:collapse;white-space:nowrap;color:var(--base-text-color,inherit);font-size:12px}.attachment-preview__table td{border:1px solid var(--border-color,#ddd);padding:4px 8px}.attachment-preview__table-header{background:var(--badge-neutral-bg,#6b728014);font-weight:600}