@charset "utf-8";

/* ===== 사진 전체보기 (공통 풀스크린) — Figma 1081:6877 ===== */
.pv {position:fixed; inset:0; z-index:1000; display:flex; flex-direction:column; background:#0a0a0a;}

/* 상단 바 (Figma 1081:7063) */
.pv-top {flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:27px 31px 29px; background:rgba(10,10,10,.95); border-bottom:1.92px solid rgba(255,255,255,.08);}
.pv-btn {display:flex; align-items:center; justify-content:center; width:69px; height:69px; border-radius:19px; background:rgba(255,255,255,.1);}
.pv-btn img {width:36px; height:36px;}
.pv-title {flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:4px;}
.pv-title strong {font-size:27px; font-weight:700; color:#fff;}
.pv-title span {font-size:21px; font-weight:400; color:rgba(255,255,255,.5);}
.pv-acts {display:flex; gap:11px;}

/* 본문: 세로 스크롤 사진 리스트 (Figma 1081:6887) */
.pv-body {flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; background:#0a0a0a; scrollbar-width:none;}
.pv-body::-webkit-scrollbar {display:none;}
.pv-item {position:relative; width:100%; height:80vh; border-bottom:3.84px solid #111;}
.pv-img {display:block; width:100%; height:100%; object-fit:cover;}
.pv-tag {position:absolute; top:19px; left:23px; padding:4px 17px; border-radius:38px; background:rgba(0,0,0,.6); font-size:21px; font-weight:700; color:#fff;}

/* 하단 썸네일 스트립 (Figma 1081:7029) */
.pv-thumbs {flex:0 0 auto; display:flex; gap:11px; padding:19px 27px; background:rgba(10,10,10,.95); border-top:1.92px solid rgba(255,255,255,.08); overflow-x:auto; scrollbar-width:none;}
.pv-thumbs::-webkit-scrollbar {display:none;}
.pv-thumb {flex:0 0 auto; width:92px; height:92px; padding:4px; border:3.84px solid transparent; border-radius:11px; overflow:hidden; background:#1b2e4b;}
.pv-thumb img {display:block; width:100%; height:100%; object-fit:cover; border-radius:7px;}
.pv-thumb.on {border-color:#fff;}

/* 토스트 (공통) */
.pv .app-toast {position:fixed; left:50%; bottom:160px; transform:translate(-50%, 12px); z-index:1100; max-width:80%; padding:14px 26px; border-radius:38px; background:rgba(0,0,0,.85); color:#fff; font-size:21px; opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease;}
.pv .app-toast.show {opacity:1; transform:translate(-50%, 0);}