@charset "utf-8";

.p7-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--card);}

/* 헤더 */
.p7-head {display:flex; align-items:center; gap:18.5px; padding:22.2px 29.5px; background:var(--card); border-bottom:1.85px solid var(--line);}
.p7-head .cancel {color:var(--body); font-size:25.8px; font-weight:500;}
.p7-head h1 {flex:1; text-align:center; color:var(--ink); font-size:29.5px; font-weight:700;}
.p7-head .done {color:var(--teal); font-size:25.8px; font-weight:700;}

/* 본문 */
.p7-body {flex:1;}
.p7-sec {display:flex; flex-direction:column; gap:14.8px; padding:25.8px 29.5px 27.7px; background:var(--card); border-bottom:1.85px solid var(--line);}
.p7-label {color:var(--sub); font-size:20.3px; font-weight:600; letter-spacing:0.7px;}

/* 카테고리 칩 */
.p7-cats {display:flex; flex-wrap:wrap; gap:14.8px;}
.p7-cat {padding:12.9px 27.7px; background:var(--snow); border:1.85px solid var(--line); border-radius:36.9px; color:var(--body); font-size:22.2px; font-weight:600;}
.p7-cat.on {background:var(--navy); border-color:var(--navy); color:#fff;}

/* 제목 입력 */
.p7-title {display:flex; flex-direction:column; gap:11.1px; padding:29.5px; background:var(--card); border-bottom:1.85px solid var(--line);}
.p7-title input {border:0; background:none; color:var(--ink); font-size:36.9px; font-weight:700; width:100%; padding:0; outline:none;}
.p7-title input::placeholder {color:var(--mute);}
.p7-count {color:var(--sub); font-size:20.3px; text-align:right;}

/* 사진 첨부 */
.p7-photos {display:flex; flex-wrap:wrap; gap:16.6px;}
.p7-photo {position:relative; width:132.9px; height:132.9px; border-radius:18.5px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #1E3A5F, #0F766E);}
.p7-photo:nth-child(2) {background:linear-gradient(135deg, #374151, #1E3A5F);}
.p7-photo > img.ph {width:44.3px; height:44.3px;}
.p7-photo > img.ph.real {width:100%; height:100%; object-fit:cover;}
.p7-photo .del {position:absolute; top:7.4px; right:7.4px; display:flex; align-items:center; justify-content:center; width:33.2px; height:33.2px; background:rgba(0,0,0,0.6); border-radius:16.6px;}
.p7-photo .del img {width:18.5px; height:18.5px;}
.p7-add {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7.4px; width:132.9px; height:132.9px; background:var(--snow); border:3.7px dashed var(--mute); border-radius:18.5px;}
.p7-add img {width:40.6px; height:40.6px;}
.p7-add span {color:var(--sub); font-size:18.5px; font-weight:600;}
.p7-pcount {color:var(--teal); font-size:20.3px; font-weight:600;}

/* 본문 에디터 */
.p7-toolbar {display:flex; flex-wrap:wrap; gap:7.4px; padding-bottom:20.3px; border-bottom:1.85px solid var(--line);}
.p7-tbtn {display:flex; align-items:center; justify-content:center; width:59px; height:59px; background:var(--snow); border:1.85px solid var(--line); border-radius:12.9px; color:var(--body); font-size:24px; font-weight:700;}
.p7-tbtn.u {text-decoration:underline;}
.p7-tbtn.sm {font-size:20.3px;}
.p7-tbtn.on {background:var(--mint); border-color:var(--teal-2);}
.p7-tbtn img {width:27.7px; height:27.7px;}
.p7-editor {min-height:295px; color:var(--ink); font-size:25.8px; line-height:1.8; padding-top:5.5px; outline:none;}

/* 링크 입력 */
.p7-link {display:flex; align-items:center; gap:14.8px; padding:22.2px 29.5px 24px; background:var(--card); border-bottom:1.85px solid var(--line);}
.p7-iconbox {flex:none; display:flex; align-items:center; justify-content:center; width:62.8px; height:62.8px; border-radius:16.6px;}
.p7-iconbox.blue {background:#EFF6FF;}
.p7-iconbox.teal {background:var(--mint);}
.p7-iconbox img {width:31.4px; height:31.4px;}
.p7-link input {flex:1; border:0; background:none; color:var(--ink); font-size:24px; outline:none; min-width:0;}
.p7-link input::placeholder {color:var(--sub);}

/* 전체 공개 */
.p7-public {display:flex; align-items:center; gap:18.5px; padding:25.8px 29.5px; background:var(--card);}
.p7-public .tx {flex:1; display:flex; flex-direction:column; gap:3.7px;}
.p7-public .tx b {color:var(--ink); font-size:24px; font-weight:600;}
.p7-public .tx span {color:var(--sub); font-size:20.3px; font-weight:400;}
.p7-switch {flex:none; width:81.2px; height:44.3px; background:var(--mute); border-radius:22.2px; padding:3.7px; display:flex; align-items:center;}
.p7-switch .knob {width:36.9px; height:36.9px; background:#fff; border-radius:50%; box-shadow:0 1.85px 7.4px rgba(0,0,0,0.2); transition:transform .15s;}
.p7-switch.on {background:var(--teal-2);}
.p7-switch.on .knob {transform:translateX(36.9px);}

/* 게시 버튼 */
.p7-submit {padding:22.2px 29.5px 44.3px; background:var(--card);}
.p7-submit button {width:100%; padding:25.8px; background:linear-gradient(135deg, #1E3A5F, #1A4A7A); border-radius:22.2px; color:#fff; font-size:27.7px; font-weight:700;}

/* 푸터 탭바 */
.p7-nav {display:flex; align-items:center; justify-content:space-between; padding:20px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.p7-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.p7-nav .tab img {width:42px; height:42px;}
.p7-nav .tab.on {color:var(--teal);}
.p7-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.p7-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #1E3A5F); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.p7-nav .tab-fab .fab img {width:48px; height:48px;}