body.image-preview-open{overflow:hidden}.image-preview-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;background:#090d13;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.46)}.image-preview-dialog::backdrop{background:rgba(3,7,12,.82);backdrop-filter:blur(5px)}.image-preview-shell{display:grid;grid-template-rows:54px minmax(0,1fr) auto;width:100%;height:100%}.image-preview-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:7px 9px;border-bottom:1px solid rgba(255,255,255,.1);background:#111720}.image-preview-toolbar button{width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#1a2330;color:#fff;font-size:20px;line-height:1;cursor:pointer}.image-preview-toolbar button:hover{background:#273446}.image-preview-toolbar button:focus-visible{outline:2px solid #7db4ff;outline-offset:1px}.image-preview-toolbar button:disabled{opacity:.5;cursor:wait}.image-preview-toolbar button svg{width:18px;height:18px;vertical-align:middle}.image-preview-zoom{min-width:52px;color:#c9d3df;font:12px/1.2 Consolas,monospace;text-align:center}.image-preview-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background-color:#0b1017;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;touch-action:none;cursor:zoom-in}.image-preview-stage.zoomed{cursor:grab}.image-preview-stage.dragging{cursor:grabbing}.image-preview-stage img{position:absolute;top:50%;left:50%;display:block;max-width:calc(100% - 36px);max-height:calc(100% - 30px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform:translate(calc(-50% + var(--image-preview-x,0px)),calc(-50% + var(--image-preview-y,0px))) scale(var(--image-preview-scale,1));transform-origin:center;transition:transform .18s ease}.image-preview-stage.dragging img{transition:none}.image-preview-caption{min-height:0;margin:0;padding:9px 16px;border-top:1px solid rgba(255,255,255,.1);overflow:hidden;color:#c9d3df;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.image-preview-caption[hidden]{display:none}@media(max-width:600px){.image-preview-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.image-preview-toolbar{height:52px}.image-preview-toolbar button{width:36px;height:36px}.image-preview-stage img{max-width:calc(100% - 20px);max-height:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){.image-preview-stage img{transition:none}}