.profile-photo-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:zoom-in;flex:none}
.profile-photo-button:focus-visible{outline:3px solid #9980b3;outline-offset:5px}
.profile-photo-button .avatar{margin:0}
.profile-identity>.profile-photo-button{margin-bottom:14px}
.profile-cover.has-banner{overflow:hidden;position:relative}
.profile-cover.has-banner:after{display:none}
.profile-cover.has-banner img{width:100%;height:100%;display:block;object-fit:cover}
.creator-detail-cover{height:165px;margin:0 0 22px;border-radius:16px}
.creator-detail-cover:not(.has-banner){display:none}
.profile-banner-tip{display:block;font-size:12px;line-height:1.5;color:#80718b;margin-top:6px}
.profile-photo-modal{width:min(960px,calc(100% - 30px));max-height:94dvh;padding:30px;background:#201b29;color:white}
.profile-photo-modal h2{font-size:18px;padding-right:32px;margin:0 0 18px;color:#fff}
.profile-photo-modal img{display:block;width:100%;height:auto;max-height:76dvh;object-fit:contain;border-radius:8px}
.profile-photo-modal .close{background:#fff;color:#342a42}
.account-area{display:flex;align-items:center}
@media(max-width:600px){.creator-detail-cover{height:125px}.profile-photo-modal{padding:22px 16px}.profile-photo-modal img{max-height:72dvh}}