#image-dialog{width:min(1180px,96vw);height:90dvh;max-height:90dvh;overflow:hidden;background:#f3f0f7}#image-dialog[open]{display:flex;flex-direction:column}#image-dialog .dialog-bar{flex:0 0 auto;background:#fff;padding:16px 20px}#image-dialog .dialog-bar h2{font-size:16px;line-height:1.35}#image-dialog .dialog-bar p{margin-top:5px;font-size:11px;line-height:1.5}#image-dialog .dialog-bar button{flex:none;width:40px;height:40px}.project-preview-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 20px;background:#faf8fd;flex:none}.project-preview-toolbar>p{font-size:11px;line-height:1.5;color:#796885;max-width:540px}.project-preview-toolbar>div{display:flex;gap:8px;flex:none}.project-preview-toolbar button{border:1px solid #dacbe6;background:#fff;color:#7434ac;border-radius:7px;padding:9px 12px;font-size:11px;line-height:1.4}.project-preview-toolbar button:hover{background:#f0e5fc}.project-preview-toolbar button:focus-visible,.project-scroll:focus-visible{outline:2px solid #9e56e4;outline-offset:-2px}.preview-progress{height:3px;background:#e6dfed;flex:none}.preview-progress span{display:block;height:100%;width:0;background:#9445e7}.project-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#b195c8 #e8e2ed;background:#e8e2ed}.project-preview{width:100%;margin-inline:auto;background:#fff;min-height:100%}#image-dialog #full-image,#image-dialog .project-preview>img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial}.project-preview.is-zoomed{width:min(var(--preview-native-width,1536px),max(1100px,150%));min-width:100%}.preview-sheet{position:relative;width:100%;overflow:hidden}.preview-sheet .preview-frame{position:absolute;left:0;width:100%;max-width:none;object-fit:fill;display:block}#image-dialog .preview-sheet #full-image{object-fit:fill}@media(max-width:700px){#image-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:92dvh;max-height:92dvh;border-radius:10px}#image-dialog .dialog-bar{padding:12px 13px;gap:12px}#image-dialog .dialog-bar h2{font-size:14px}#image-dialog .dialog-bar p{font-size:10px}.project-preview-toolbar{padding:10px 13px;align-items:flex-start;flex-direction:column;gap:9px}.project-preview-toolbar>p{font-size:10px}.project-preview-toolbar button{min-height:38px;padding:8px 10px;font-size:10px}.project-preview.is-zoomed{width:min(var(--preview-native-width,1536px),1000px);min-width:100%}.project-scroll{scrollbar-gutter:auto}}