html.resource-preview-open{overflow:hidden}
#resourcePreviewDialog{position:fixed;inset:0;box-sizing:border-box;width:min(1120px,calc(100vw - 32px));height:90vh;height:90dvh;max-width:none;max-height:960px;margin:auto;padding:0;border:1px solid #e0e5e1;border-radius:12px;background:#fff;color:#344139;box-shadow:0 18px 65px #13271e30;z-index:20000;font-family:system-ui,-apple-system,'PingFang SC',sans-serif}
#resourcePreviewDialog:not([open]),#resourcePreviewDialog [hidden]{display:none!important}
#resourcePreviewDialog[open]{display:flex;flex-direction:column}
#resourcePreviewDialog::backdrop{background:#15231c78}
#resourcePreviewDialog .rp-header{display:flex;align-items:center;gap:16px;flex:none;padding:15px 18px;border-bottom:1px solid #e1e7e2;background:#fff}
#resourcePreviewTitle{margin:0;flex:1;min-width:0;font-size:17px;font-weight:400;line-height:1.5;overflow-wrap:anywhere;color:#344139}
#resourcePreviewDialog .rp-actions{display:flex;gap:8px;align-items:center;flex:none}
#resourcePreviewDialog .rp-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:#315b44;font:400 13px/1.3 system-ui,-apple-system,'PingFang SC',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none}
#resourcePreviewDialog .rp-action:hover{background:#eff4ef}
#resourcePreviewDialog .rp-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;background:#f2f4f2}
#resourcePreviewDialog .rp-message{margin:auto;padding:32px;text-align:center;color:#748077;font-size:14px;line-height:1.8}
.resource-file-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:38px;color:#87948b;background:transparent}
.resource-file-icon svg{display:block;width:28px;height:34px}
@media(max-width:600px){#resourcePreviewDialog{width:calc(100vw - 16px);height:94vh;height:94dvh;border-radius:8px}#resourcePreviewDialog .rp-header{padding:12px;gap:8px;align-items:flex-start}#resourcePreviewTitle{font-size:15px}#resourcePreviewDialog .rp-action{padding:7px 10px}}
#resourcePreviewDialog .rp-toolbar{display:flex;flex:none;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:9px 12px;background:#fafbf9;border-bottom:1px solid #e0e6e1;font-size:13px;color:#68766c}
#resourcePreviewDialog .rp-toolbar .rp-action{padding:5px 10px}
#resourcePreviewDialog .rp-toolbar button:disabled{opacity:.35;cursor:default}
#resourcePreviewDialog .rp-body{display:block;overflow:auto;overscroll-behavior:contain}
#resourcePreviewDialog .rp-message{padding:40px 20px}
@media(max-width:600px){#resourcePreviewDialog .rp-toolbar{gap:6px;font-size:12px}#resourcePreviewDialog .rp-toolbar .rp-action{padding:5px 8px}}
.res-file.resource-card{color:inherit;text-decoration:none;cursor:pointer;white-space:normal}
.res-file.resource-card:hover{background:#f1f5f1;border-color:#bdcec2}
.res-file.resource-card:focus-visible{outline:2px solid #315b44;outline-offset:3px}
#resourcePreviewDialog .rp-pages{position:relative;box-sizing:border-box;min-width:100%;width:max-content;padding:16px}
#resourcePreviewDialog .rp-page{position:relative;margin:0 auto 18px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #243a2918;overflow-anchor:none}
#resourcePreviewDialog .rp-page:last-child{margin-bottom:0}
#resourcePreviewDialog .rp-page canvas{display:block;width:100%;height:100%;background:#fff}
#resourcePreviewDialog .rp-page-status{position:absolute;top:24px;left:12px;right:12px;text-align:center;color:#748077;font-size:13px;line-height:2}
#resourcePreviewDialog .rp-page-status .rp-action{margin-left:8px}
#resourcePreviewDialog .rp-body{overflow-anchor:none;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}