.profile-edit{display:block;margin:4px 0 0;padding:2px 0;background:none;border:0;color:#70cdb0;font:inherit;font-size:12px;cursor:pointer}
#accountAvatar{overflow:hidden}#accountAvatar img,.profile-preview img{width:100%;height:100%;object-fit:cover;display:block}
/* Profile editors share the terminal's charcoal surfaces. */
.profile-dialog{box-sizing:border-box;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:24px;background:#191c20;color:#e4e7eb;border:1px solid #34383e;border-radius:18px;box-shadow:0 24px 80px #0008;overflow:auto;color-scheme:dark}
.profile-dialog::backdrop{background:rgb(0 0 0 / .58);backdrop-filter:blur(3px)}
.profile-dialog form{margin:0}.profile-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid #30343a}.profile-dialog header strong{font-size:18px;font-weight:650;letter-spacing:.02em}
.profile-dialog button,.profile-dialog input{font:inherit}.profile-dialog button{transition:background .15s,color .15s,border-color .15s}
.profile-dialog [data-close]{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;background:#24282d;border:1px solid transparent;border-radius:50%;color:#aab0b8;font-size:25px;line-height:1;cursor:pointer}.profile-dialog [data-close]:hover{background:#30353b;color:#fff}
.profile-preview{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:4px auto 18px;display:grid;place-items:center;background:#2a2e34;color:#dce0e5;font-size:32px;box-shadow:0 0 0 4px #22262b,0 0 0 5px #363b42}
.profile-upload{display:table;margin:0 auto;padding:10px 20px;border:1px solid #454a52;border-radius:8px;background:#272b31;text-align:center;color:#e2e5e9;font-size:14px;font-weight:550;cursor:pointer}.profile-upload:hover{background:#32373f}
.profile-dialog [data-remove]{display:block;min-height:36px;margin:4px auto 12px;padding:6px 12px;background:none;border:0;color:#9da4ae;font-size:13px;cursor:pointer}.profile-dialog [data-remove]:hover{color:#e1b0b5}
.profile-name{display:block;color:#bdc3cc;font-size:14px;font-weight:500}.profile-name input{display:block;width:100%;box-sizing:border-box;min-height:48px;margin-top:10px;border:1px solid #3d424a;border-radius:8px;background:#121519;color:#eef0f3;padding:12px 14px;font-size:16px;box-shadow:none}.profile-name input::placeholder{color:#737c87}.profile-name input:disabled{opacity:.55}
.profile-hint{margin:12px 0 0;font-size:12px;line-height:1.7;color:#969ea9}.profile-dialog[data-mode=avatar] .profile-hint{text-align:center}
.profile-dialog [data-status]{margin:12px 0 0;font-size:13px;line-height:1.6;color:#d9b984}.profile-dialog [data-status]:empty{display:none}
.profile-save{display:block;width:100%;min-height:46px;margin-top:24px;border:1px solid #d2d7df;border-radius:8px;background:#dce1e8;color:#20252b;padding:11px 16px;font-weight:600!important;cursor:pointer}.profile-save:hover:not(:disabled){background:#f0f2f5}.profile-save:disabled{opacity:.4;cursor:not-allowed}
.profile-dialog :focus-visible{outline:1px solid #b8c0cd;outline-offset:3px}.profile-dialog .profile-name input:focus-visible{outline:none;border-color:#aab3c0;box-shadow:0 0 0 2px rgb(170 179 192 / .12)}
@media(max-width:480px){.profile-dialog{padding:20px;border-radius:16px}.profile-dialog header{margin-bottom:20px}.profile-dialog header strong{font-size:17px}}

.profile-dialog [hidden]{display:none!important}#accountName[role=button],#accountAvatar[role=button],#accountEmail[role=button]{cursor:pointer}#accountName[role=button]:hover{color:#77d5b5}#accountEmail[role=button]{width:fit-content}#accountName:focus-visible,#accountAvatar:focus-visible,#accountEmail:focus-visible{outline:1px solid #d4af60;outline-offset:3px}

#accountLogin.has-profile-avatar{width:48px;height:48px;min-width:48px;padding:0!important;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;position:relative;overflow:visible;background:#222b32}
#accountLogin .header-account-avatar{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;color:#dce5eb;font-size:17px;font-weight:600;line-height:1}
#accountLogin .header-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}