body{overflow:hidden;margin:0}#viewport{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#f7f7f7;background-image:linear-gradient(to right,rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.06) 1px,transparent 1px);background-size:28px 28px;touch-action:none}#photo-container{position:absolute;transform-origin:0 0;transition:transform .1s ease}.focus-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10000}body.is-focus-open .focus-backdrop{opacity:1;pointer-events:auto}.photo{position:absolute;width:200px;height:auto;transition:all .5s ease;cursor:pointer;box-shadow:2px 4px 12px #0006;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.photo.source-hidden{visibility:hidden;transition:none!important}.photo-overlay{position:fixed;top:0;left:0;width:50vw;height:50vh;object-fit:contain;z-index:10002;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease}#info-box{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#fff;color:#111;padding:12px 24px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #00000040;z-index:10003;-webkit-user-select:none;user-select:none}.hidden{display:none}