.swipe-view{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;aspect-ratio:1/1}
.swipe-track{display:flex;width:100%;height:100%;will-change:transform}
.swipe-slide{flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.swipe-slide .photo{width:100%;max-height:100%;margin:0}
.swipe-slide img{pointer-events:none;-webkit-user-drag:none}
.swipe-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#ffffffed;border-radius:8px;padding:8px 12px;white-space:nowrap;color:#234dbb;font-size:14px}
.swipe-status:empty{display:none}
.swipe-peek{aspect-ratio:auto;background:#fff;padding:12px 0 0}
.swipe-peek .swipe-track{width:82%;height:auto;gap:8px}
.swipe-peek .swipe-slide{position:relative;height:auto;aspect-ratio:1/1;border-radius:12px;background:#f1f4fa}
.swipe-peek .swipe-slide .photo{aspect-ratio:1/1}
.swipe-hint{font-size:14px;line-height:1.6;text-align:center;color:#5c6575;margin:12px 8px 6px;word-break:keep-all}
.look-frame .pager{padding:8px 12px 12px;gap:8px;border-top:0}
.look-frame .pager button{min-height:48px;padding:10px 12px;border:1px solid #dfe4ec;border-radius:9px;background:#f7f9fc;font-size:15px;white-space:nowrap}
.look-frame .pager button:not(:disabled):hover{background:#eaf0ff;color:#234dbb}
.look-frame .pager span{white-space:nowrap;font-size:15px}
@media(max-width:360px){.look-frame .pager{padding:8px 8px 12px;gap:6px}.look-frame .pager button{padding:10px 8px;font-size:14px}.swipe-hint{font-size:13px}}
@media(prefers-reduced-motion:reduce){.swipe-track{transition:none!important}}