.attachment-preview{width:min(1200px,97vw);height:94dvh;max-height:94dvh;padding:0;border:1px solid #bdcdd9;border-radius:10px;color:#20496c;background:#f4f7fc;overflow:hidden}.attachment-preview::backdrop{background:#132c43b3}.attachment-preview header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:white;border-bottom:1px solid #d8e2ea}.attachment-preview h2{font-size:18px;line-height:1.3;margin:0;overflow-wrap:anywhere}.attachment-preview header button{flex-shrink:0}.attachment-preview-actions{padding:10px 18px;background:white}.attachment-preview-status{margin:0;padding:8px 18px;font-size:14px;min-height:38px}.attachment-preview-body{height:calc(100% - 170px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:0 12px 12px}.attachment-preview iframe{width:100%;height:100%;min-height:260px;border:0;background:white}.attachment-preview img{max-width:100%;height:auto;object-fit:contain}.attachment-preview video{width:100%;max-height:100%;background:#101820}.attachment-preview-unavailable{height:auto}@media(max-width:650px){.attachment-preview{width:98vw;height:96dvh;max-height:96dvh}.attachment-preview header{padding:10px;gap:8px}.attachment-preview h2{font-size:16px}.attachment-preview-body{padding:0 4px 4px;height:calc(100% - 180px)}}
.attachment-preview[open]{display:flex;flex-direction:column}.attachment-preview header,.attachment-preview-actions,.attachment-preview-status{flex-shrink:0}.attachment-preview-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.attachment-preview-body{height:auto;flex:1;min-height:0}.attachment-pdf-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attachment-pdf-controls label{display:flex;align-items:center;gap:6px;margin:0}.attachment-pdf-controls input{width:70px;padding:7px}.attachment-pdf-controls select{padding:7px}.attachment-preview-pdf{display:block;background:#dce3eb}.attachment-preview-pages{width:max-content;min-width:100%;text-align:center;padding:12px}.attachment-preview canvas{display:block;margin:auto;box-shadow:0 2px 8px #132c4322;background:white}.attachment-preview:not([open]){display:none}