/* 가입 후 프로필 만들기 / 프로필 수정 창 */
body.editorial .profile-overlay .profile-modal.pf-modal{position:relative;width:480px!important;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:0!important;border:0!important;border-radius:20px!important;background:#fff;box-shadow:0 24px 64px rgba(17,19,24,.22)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pf-head{padding:30px 28px 0;text-align:center}
.pf-kicker{display:inline-block;padding:4px 10px;border-radius:999px;background:#FFF0F3;color:#E0244A;font-size:12px;font-weight:700}
body.editorial .profile-overlay .pf-head h2{margin:10px 0 6px!important;font-size:24px!important;line-height:1.3;font-weight:800;color:#1C1D22;letter-spacing:-.02em}
body.editorial .profile-overlay .pf-head p{margin:0!important;font-size:14px!important;line-height:1.6;color:#7A7F8F;text-align:center}
.pf-form{padding:20px 28px 0}

/* 사진 */
.pf-avatar{display:flex;flex-direction:column;align-items:center}
.pf-avatar-stage{position:relative;width:112px;height:112px}
body.editorial .profile-overlay .pf-avatar .profile-avatar-preview{width:112px!important;height:112px!important;margin:0!important;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 6px 20px rgba(17,19,24,.14);background:#F6F6F8}
body.editorial .profile-overlay .pf-avatar .profile-avatar-preview img,body.editorial .profile-overlay .pf-avatar .profile-avatar-preview span{display:block;width:100%!important;height:100%!important;object-fit:cover}
.pf-photo-btn{position:absolute;right:0;bottom:2px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1C1D22;color:#fff;border:3px solid #fff;cursor:pointer}
.pf-photo-btn svg{width:18px;height:18px}
.pf-avatar-help{margin:12px 0 0!important;font-size:12px!important;color:#9A9EAA!important;text-align:center}
.pf-avatar-help label{color:#E0244A;font-weight:700;cursor:pointer;text-decoration:underline}
body.editorial .profile-overlay .pf-presets{display:flex!important;gap:8px;width:100%;margin:12px 0 0;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:thin;grid-template-columns:none!important}
body.editorial .profile-overlay .pf-presets .profile-preset{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:58px;padding:4px 0!important;border:0!important;background:none!important;cursor:pointer}
body.editorial .profile-overlay .pf-presets .profile-preset>span:first-child{display:block;width:46px;height:46px;border-radius:50%;overflow:hidden;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}
body.editorial .profile-overlay .pf-presets .profile-preset img{width:100%;height:100%;object-fit:cover}
body.editorial .profile-overlay .pf-presets .profile-preset.on>span:first-child{outline-color:#FF3D5E}
body.editorial .profile-overlay .pf-presets .profile-preset-name{font-size:11px;color:#7A7F8F}
body.editorial .profile-overlay .pf-presets .profile-preset.on .profile-preset-name{color:#E0244A;font-weight:700}

/* 입력칸 */
.pf-field{margin:18px 0 0}
.pf-label-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
body.editorial .profile-overlay .pf-label-row label{font-size:14px;font-weight:700;color:#1C1D22}
body.editorial .profile-overlay .pf-label-row label span{font-weight:400;color:#9A9EAA}
.pf-count{font-size:12px;color:#9A9EAA;font-variant-numeric:tabular-nums}
body.editorial .profile-overlay .pf-field input,body.editorial .profile-overlay .pf-field textarea{width:100%;box-sizing:border-box;padding:12px 14px!important;border:1px solid #DDDFE5!important;border-radius:12px!important;font:inherit;font-size:15px!important;background:#fff;resize:none}
body.editorial .profile-overlay .pf-field input:focus,body.editorial .profile-overlay .pf-field textarea:focus{outline:none;border-color:#FF3D5E!important;box-shadow:0 0 0 3px rgba(255,61,94,.15)}
body.editorial .profile-overlay .pf-field .profile-help{margin-top:6px;font-size:12px;color:#9A9EAA}

/* 버튼: 아래에 붙어 있다 */
.pf-actions{position:sticky;bottom:0;margin:22px -28px 0;padding:14px 28px 22px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 30%)}
body.editorial .profile-overlay .pf-actions .btn{display:block;width:100%;min-height:52px;border:0;border-radius:12px;background:#FF3D5E!important;color:#fff!important;font-size:16px;font-weight:800}
body.editorial .profile-overlay .pf-modal .profile-close{z-index:2}

/* 휴대폰: 아래에서 올라오는 전체 시트 */
@media(max-width:560px){
 body.editorial .profile-overlay{align-items:flex-end!important;padding:0!important}
 body.editorial .profile-overlay .profile-modal.pf-modal{width:100%!important;max-height:94dvh;border-radius:20px 20px 0 0!important}
 .pf-head{padding:24px 20px 0}.pf-form{padding:16px 20px 0}
 .pf-actions{margin:18px -20px 0;padding:12px 20px calc(16px + env(safe-area-inset-bottom))}
}