.flow-overlay{position:fixed;inset:0;z-index:4;overflow:hidden;background:var(--bg);color:var(--text)}.flow-head{position:absolute;left:0;right:0;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;background:linear-gradient(var(--bg),transparent);pointer-events:none}.flow-head span{color:var(--muted);font-size:12px}
.flow-scene{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;background:transparent}
.flow-scene.dragging{cursor:grabbing}.flow-camera{position:absolute;left:50%;top:50%;width:0;height:0;will-change:transform}.flow-wall{position:absolute;inset:auto;width:0;height:0;display:block}.flow-photo,.flow-photo:nth-child(3n),.flow-photo:nth-child(4n){position:absolute;width:var(--photo-width);height:var(--photo-height);max-height:none;translate:none;rotate:0deg;transform:translate(-50%,-50%);padding:0;border:0;outline:0;background:transparent;box-shadow:none;transition:transform .26s ease,box-shadow .26s ease;cursor:pointer;overflow:hidden;display:block}.flow-photo img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;pointer-events:none;box-shadow:none;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.flow-photo:hover,.flow-photo:focus-visible{transform:translate(-50%,-50%) scale(1.045);z-index:5;box-shadow:0 0 0 1px #fff9,0 0 14px #fff,0 0 34px #8ac8ffcc}.flow-photo:hover img,.flow-photo:focus-visible img{transform:none;filter:none}.flow-photo:active{transform:translate(-50%,-50%) scale(1.06)!important}.flow-photo:active img,.flow-photo.is-opening img{transform:none;filter:none}.flow-photo.is-opening{transform:translate(-50%,-50%) scale(1.12);z-index:6;box-shadow:0 0 0 1px #fff,0 0 18px #fff,0 0 42px #8ac8ff}.flow-photo:focus-visible{outline:0}.flow-empty{position:absolute;transform:translate(-50%,-50%);width:min(80vw,520px);text-align:center;color:var(--muted)}
@media(max-width:720px){.flow-head{padding:15px 16px}.flow-head span{display:none}}