.er-character-profile-photo{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;margin-top:12px;padding:12px;border:1px solid rgba(201,164,95,.24);border-radius:14px;background:linear-gradient(145deg,rgba(201,164,95,.055),rgba(10,14,20,.72))}
.er-character-profile-photo__preview{display:grid;place-items:center;width:102px;height:118px;overflow:hidden;border:1px solid #34414e;border-radius:12px;background:#080c12;color:#65717d;text-align:center;font-size:.62rem;font-weight:900;letter-spacing:.12em;line-height:1.4}
.er-character-profile-photo__preview img{display:block;width:100%;height:100%;object-fit:cover}
.er-character-profile-photo__preview img[hidden],.er-character-profile-photo__preview span[hidden]{display:none}
.er-character-profile-photo__body{display:grid;gap:6px;min-width:0}
.er-character-profile-photo__body>strong{color:#f1ddb0;font-size:.82rem}
.er-character-profile-photo__body>small{color:#8995a2;font-size:.69rem;line-height:1.45}
.er-character-profile-photo__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}
.er-character-profile-photo__actions .er-btn{min-height:34px;padding:.48rem .72rem;font-size:.66rem;line-height:1;cursor:pointer}
.er-character-profile-photo__upload{display:inline-flex;align-items:center;justify-content:center;margin:0}
.er-character-profile-photo__actions .er-btn:disabled{opacity:.5;cursor:wait}
.er-character-profile-photo [data-portrait-status].is-error{color:#ffaaa8}
@media(max-width:620px){.er-character-profile-photo{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px}.er-character-profile-photo__preview{width:80px;height:96px}.er-character-profile-photo__actions .er-btn{flex:1 1 auto}}