.avatar-page{max-width:580px;margin:auto}.avatar-preview{display:block;width:154px;height:154px;border-radius:50%;object-fit:cover;margin:28px auto;background:#f5f6f9}.avatar-page form{display:grid;gap:16px}.avatar-page input[type=file]{max-width:100%;padding:14px;background:#f7f7f7;border-radius:12px}.avatar-page .error:empty{display:none}.avatar-page .muted{line-height:1.7;font-size:14px}.avatar-page button{min-height:46px}
.avatar-crop[hidden]{display:none}.avatar-crop{padding:16px;background:#f7f7f7;border-radius:16px}.avatar-crop canvas{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;margin:auto;touch-action:none;cursor:grab;border:2px solid #fee610;background:#fff}.avatar-crop canvas:focus-visible{outline:3px solid #555;outline-offset:3px}.avatar-crop input[type=range]{width:100%;accent-color:#d4b900}.avatar-crop-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-crop-actions button{flex:1;min-width:100px}.avatar-crop canvas:active{cursor:grabbing}
.avatar-page>.apk-subpage-heading{display:grid;grid-template-columns:40px 1fr 40px;gap:0;background:#fff;border-radius:0;padding:10px 0;max-width:none;margin:0;min-height:48px}.avatar-page>.apk-subpage-heading h1{font-size:18px;font-weight:600;text-align:center;margin:0}.avatar-page>.apk-subpage-heading a{font-size:26px;line-height:28px;text-align:center}.avatar-page form>p{margin:0}.avatar-page input[type=file]{width:100%;min-width:0}.avatar-page form>label{min-width:0}
@media(max-width:1000px){body[data-page=account-avatar] .site-header,body[data-page=account-avatar] #nav{display:none}body[data-page=account-avatar]{padding-bottom:0;background:#fff}body[data-page=account-avatar] main{padding:0;margin:0}.avatar-page.panel{padding:0 16px 24px;margin:0;border-radius:0;box-shadow:none}.avatar-preview{width:128px;height:128px;margin:24px auto}}