:root{--box-width:2px;--push-duration:350ms;--push-ease:cubic-bezier(0.22,0.61,0.36,1)}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.canvas{position:relative;width:100%;height:100dvh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.element{position:absolute;touch-action:none;cursor:pointer;outline:none}.element img{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.element.boxed img{outline:var(--box-width) solid #f00;outline-offset:0}.element.dragging{cursor:-webkit-grabbing;cursor:grabbing;will-change:transform}.element.inert{pointer-events:none}.element-push{transition:transform var(--push-duration) var(--push-ease)}.window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;outline:var(--box-width) solid #f00;outline-offset:0;animation:window-in var(--push-duration) var(--push-ease)}.window-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}.window-scroll img{display:block;width:100%;height:auto}.window-doc{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}.window-close,.window-download{position:absolute;top:0;z-index:1;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;color:#f00;cursor:pointer;font-family:inherit;white-space:nowrap}.window-close{right:0;width:24px;padding:0;font-size:14px;line-height:1;border-left:var(--box-width) solid #f00}.window-close,.window-download{border-bottom:var(--box-width) solid #f00}.window-download{left:0;padding:0 8px;font-size:11px;text-decoration:none;border-right:var(--box-width) solid #f00}@keyframes window-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){:root{--push-duration:150ms}}