.home-preview[hidden]{display:none}
.home-preview{position:fixed;inset:0;z-index:1000;background:#080c0eef;overflow:hidden;touch-action:none}
.preview-stage{position:absolute;inset:0;overflow:hidden;cursor:zoom-in}
.preview-image{position:absolute;left:50%;top:50%;max-width:none;max-height:none;user-select:none;transform-origin:center;cursor:grab}
.preview-image:active{cursor:grabbing}
.preview-control{position:absolute;z-index:2;width:52px;height:52px;padding:0;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#202724d9;color:white;cursor:pointer}
.preview-control:hover,.preview-control:focus-visible{background:#ff8500;color:black}
.preview-control svg{width:24px;height:24px;display:block}
.preview-prev{left:22px;top:calc(50% - 26px)}.preview-next{right:22px;top:calc(50% - 26px)}.preview-close{right:22px;top:22px}
.preview-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:20px;background:#17201de6;font-size:14px;pointer-events:none;white-space:nowrap;max-width:85vw;overflow:hidden;text-overflow:ellipsis}
.card:focus-visible{outline:3px solid #ff8500;outline-offset:3px}
@media(max-width:600px){.preview-control{width:42px;height:42px}.preview-prev{left:8px}.preview-next{right:8px}}