.material-preview-dialog{box-sizing:border-box;width:min(1200px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #cbd9dc;border-radius:14px;background:#f4f7f9;color:#153848;box-shadow:0 20px 70px #071d3566;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.material-preview-dialog[open]{display:flex;flex-direction:column}.material-preview-dialog:not([open]){display:none}
.material-preview-dialog::backdrop{background:#071d35c7}
.material-preview-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#0d3044;color:#fff;border-bottom:3px solid #78ac4d}
.material-preview-header h2{min-width:0;margin:0;color:#fff;font-size:16px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.material-preview-header button{display:grid;place-items:center;flex:none;width:44px;min-height:44px;padding:0;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:#fff;font:30px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.material-preview-stage{display:flex;flex:1;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:hidden;padding:16px;overscroll-behavior:contain}
#material-preview-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#material-preview-image[hidden],#material-preview-status[hidden]{display:none!important}
#material-preview-status{max-width:500px;margin:0;color:#526e7d;text-align:center;font-size:15px;line-height:1.6}
.material-preview-footer{display:flex;flex:none;justify-content:flex-end;padding:12px 16px;border-top:1px solid #dce6e8;background:#fff}
.material-preview-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:10px 16px;border:1px solid #176ba0;border-radius:8px;background:#176ba0;color:#fff;text-decoration:none;font:600 14px/1.4 Arial,Helvetica,sans-serif}
.material-preview-header button:focus-visible,.material-preview-footer a:focus-visible{outline:2px solid #78ac4d;outline-offset:3px}
@media(max-width:700px){.material-preview-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.material-preview-header{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px}.material-preview-stage{padding:12px}.material-preview-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}.material-preview-header h2{font-size:14px}}
.material-preview-trigger{display:grid;place-items:center;box-sizing:border-box;width:100%;min-height:44px;padding:0;border:0;border-radius:8px;background:#f4f7f9;cursor:zoom-in}
.material-preview-trigger img{display:block;width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain;margin:auto}
.material-preview-trigger:focus-visible{outline:2px solid #176ba0;outline-offset:3px}
.material-file-card .material-preview-trigger img{width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain}