/* Brand-independent account controls inherit the host application's tokens. */
.avatar-crop-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;font:400 15px/1.45 var(--stg-font);color:var(--ui-text,var(--stg-sand-200))}
.avatar-crop-dialog .dlg{width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px}
.avatar-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.avatar-crop-header h2{font:400 28px/1.15 var(--xt-slab,var(--stg-font));color:var(--stg-sand-500);margin:0 0 8px}
.avatar-crop-header p,.avatar-crop-help{font-size:14px;line-height:1.45;margin:0;color:var(--ui-muted,var(--stg-sand-200))}
.avatar-crop-header .close{position:static;flex:none}
.avatar-crop-layout{display:flex;align-items:center;justify-content:center;gap:24px}
.avatar-crop-area{position:relative;flex:0 1 360px;min-width:0;aspect-ratio:1;overflow:hidden;background:var(--stg-ink-900);border:1px solid var(--ui-line);border-radius:var(--stg-radius-control);touch-action:none;cursor:grab;outline-offset:4px;user-select:none}
.avatar-crop-area:focus-visible,.avatar-crop-area.is-dragover{outline:2px solid var(--stg-sand-500)}
.avatar-crop-area.is-dragging{cursor:grabbing}
.avatar-crop-area canvas{display:block;width:100%;height:100%;pointer-events:none}
.avatar-crop-mask{position:absolute;inset:0;border:2px solid var(--stg-sand-500);border-radius:50%;box-shadow:0 0 0 100px color-mix(in srgb,var(--stg-ink-900) 65%,transparent);pointer-events:none}
.avatar-crop-empty{position:absolute;inset:20px;display:grid;place-items:center;text-align:center;font-size:16px}
.avatar-crop-preview{display:flex;flex:0 0 76px;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--ui-muted,var(--stg-sand-200))}
.avatar-crop-preview canvas{width:76px;height:76px;border-radius:50%;border:1px solid var(--ui-line)}
.avatar-crop-help{margin:16px 0 12px;font-size:12px}
.avatar-crop-zoom{display:flex;align-items:center;gap:14px;margin:18px 0}
.avatar-crop-zoom input{flex:1;min-width:0;accent-color:var(--stg-sand-500)}
.avatar-crop-zoom output{width:46px;text-align:right;font-variant-numeric:tabular-nums}
.avatar-crop-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ui-muted,var(--stg-sand-200))}
.avatar-crop-status{min-height:1.5em;margin:16px 0;font-size:14px;overflow-wrap:anywhere}
.avatar-crop-dialog footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.avatar-crop-dialog footer>span{flex:1}
.avatar-crop-dialog [hidden],#account-settings [hidden]{display:none!important}
#account-settings{font:400 15px/1.5 var(--stg-font);color:var(--ui-text,var(--stg-sand-200));min-width:0}
.account-photo-row{display:flex;align-items:center;gap:20px;margin:20px 0 12px;padding:18px 0}
.account-photo{position:relative;flex:none;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--stg-sand-500);color:var(--stg-ink-900);display:grid;place-items:center;font-size:30px;line-height:1}
.account-photo img{display:block;width:100%;height:100%;object-fit:cover}
.account-photo-actions{display:flex;gap:9px;flex-wrap:wrap;min-width:0}
.account-photo-row.is-dragover{outline:2px dashed var(--stg-sand-500);outline-offset:6px;border-radius:12px}
.account-photo-help,.account-email{font-size:13px;color:var(--ui-muted,var(--stg-sand-200));overflow-wrap:anywhere}
.account-section{padding-top:12px;margin-top:22px}
.account-section h2,.account-section summary{font-family:var(--xt-slab,var(--stg-font));font-size:20px;font-weight:400;color:var(--stg-sand-500);margin:0 0 14px}
.account-section summary{cursor:pointer}.account-section summary:focus-visible{outline:2px solid var(--stg-sand-500);outline-offset:4px}
.account-status{min-height:1.5em;overflow-wrap:anywhere;font-size:14px;margin:10px 0}
.account-status[data-error=true]{color:var(--ui-danger,var(--stg-rust))}
.account-finish{margin-top:24px;display:flex;justify-content:flex-end}
@media(max-width:520px){.avatar-crop-dialog{padding:12px}.avatar-crop-dialog .dlg{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.avatar-crop-layout{gap:12px}.avatar-crop-preview{flex-basis:52px}.avatar-crop-preview canvas{width:52px;height:52px}.avatar-crop-header h2{font-size:24px}.avatar-crop-dialog footer{gap:7px}.avatar-crop-dialog footer .btn{font-size:13px;padding-inline:12px}.avatar-crop-dialog footer>span{display:none}.account-photo-row{gap:14px}.account-photo{width:80px;height:80px}.avatar-crop-file input{font-size:16px}}
@media(forced-colors:active){.avatar-crop-mask{border-color:Highlight;box-shadow:none}.avatar-crop-area:focus-visible{outline-color:Highlight}.account-photo{border:1px solid CanvasText}}