.file-preview{width:min(1200px,96vw);height:92dvh;max-width:96vw;max-height:96dvh;margin:auto;padding:0;border:1px solid #c3d3df;border-radius:16px;background:#fffaf0;color:#243946;box-shadow:0 12px 60px #172c4266;overflow:hidden}
.file-preview[open]{display:flex;flex-direction:column}.file-preview::backdrop{background:#112b40ad}
.file-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #d6e0e8;background:#edf4fa;flex-shrink:0}
.file-preview-header h2{font-family:inherit;font-size:1.05rem;line-height:1.4;overflow-wrap:anywhere;margin:0;color:#243946}.file-preview-header button{white-space:nowrap;background:#f7d46b;color:#443513}
.file-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex-shrink:0}
.file-preview-pages{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.file-preview-pages[hidden]{display:none}.file-preview-pages button,.file-preview-toolbar .button{min-width:44px;min-height:44px;padding:8px 12px;font-size:.95rem}.file-preview-pages span{white-space:nowrap;padding:0 4px;font-size:.9rem}
.file-preview-status{margin:0;padding:0 14px 8px;overflow-wrap:anywhere;flex-shrink:0}.file-preview-status:empty{display:none}
.file-preview-body{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;background:#e5e9ed;padding:12px;text-align:center;touch-action:pan-x pan-y pinch-zoom}
.file-preview-body canvas{display:block;margin:0 auto;max-width:none;background:white;box-shadow:0 1px 8px #24394622}
.file-preview-body img{display:block;max-width:none;max-height:none;height:auto;margin:0 auto}.file-preview-body video{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto}.file-preview-body audio{width:min(100%,600px);margin-top:24px}.file-preview-body pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:white;color:#243946;padding:16px;margin:0}
body:has(.file-preview[open]){overflow:hidden}
@media(max-width:600px){.file-preview{width:100%;height:100dvh;max-width:100%;max-height:100dvh;inset:0;margin:0;box-sizing:border-box;border-radius:0;border:0}.file-preview-header{padding:10px;gap:8px}.file-preview-header h2{font-size:.95rem}.file-preview-header button{padding:8px 10px;min-height:44px}.file-preview-toolbar{padding:6px 8px}.file-preview-pages{width:100%;justify-content:center}.file-preview-toolbar>a{margin-left:auto}.file-preview-body{padding:6px}.file-preview-toolbar .button{font-size:.9rem}.file-preview-header{padding-top:max(10px,env(safe-area-inset-top))}.file-preview-body{padding-bottom:max(6px,env(safe-area-inset-bottom))}}