.studio .brand-avatar{display:grid;place-items:center;position:relative;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;background:transparent;overflow:visible;border-radius:50%;color:inherit}
.studio .brand-avatar img{display:block;width:38px;height:38px;border:1px solid #aebaca55;border-radius:50%;object-fit:cover;object-position:center;transform:none}
.studio button.brand-avatar{cursor:pointer}.studio button.brand-avatar:hover img{border-color:#b1c5dc}.studio button.brand-avatar:focus-visible{outline:2px solid #8daed5;outline-offset:3px}
.studio .brand-copy[href]{color:inherit;text-decoration:none}.studio .brand-copy[href]:focus-visible{outline:2px solid #8daed5;outline-offset:5px;border-radius:3px}
.studio .avatar-dialog{--avatar-ink:#223145;--avatar-muted:#627389;width:min(398px,calc(100vw - 28px));max-height:calc(100svh - 32px);overflow:auto;box-sizing:border-box;margin:auto;padding:30px 28px 24px;border:1px solid #d8e0e9;border-radius:18px;background:#f5f7f9;color:var(--avatar-ink);box-shadow:0 24px 80px #0005;overscroll-behavior:contain}
.studio .avatar-dialog::backdrop{background:#060d1bbd}.studio .avatar-dialog h2{margin:0 40px 6px 0;font-size:23px;font-weight:500;line-height:1.4;letter-spacing:0}.studio .avatar-dialog p{font-size:13px;line-height:1.65;color:var(--avatar-muted);margin:0}
.studio .avatar-dialog button{min-height:44px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#34506f;font:inherit;font-size:13px;cursor:pointer;transition:background 130ms ease,border-color 130ms ease}
.studio .avatar-dialog button:hover:not(:disabled){background:#eaf0f6;border-color:#a5b8ce}.studio .avatar-dialog button:disabled{opacity:.46;cursor:default}.studio .avatar-dialog :is(button,input,canvas):focus-visible{outline:2px solid #355a81;outline-offset:3px}
.studio .avatar-dialog .avatar-close{position:absolute;top:15px;right:15px;width:44px;min-height:44px;padding:12px;border:0;background:transparent}.studio .avatar-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.studio .avatar-preview{width:min(240px,65vw);aspect-ratio:1;margin:24px auto 18px;border-radius:50%;background:#dce1e6;box-shadow:0 0 0 1px #bbc7d455}
.studio .avatar-preview img,.studio .avatar-preview canvas{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.studio .avatar-preview [hidden]{display:none}.studio .avatar-preview canvas{touch-action:none;cursor:grab}.studio .avatar-preview canvas:active{cursor:grabbing}
.studio .avatar-zoom{display:flex;align-items:center;gap:18px;min-height:44px;font-size:13px;color:#4a6079}.studio .avatar-zoom input{flex:1;min-width:0;accent-color:#355a81;min-height:32px}.studio .avatar-dialog .avatar-move-hint{font-size:12px;text-align:center;margin:2px 0 18px}
.studio .avatar-choices{display:flex;gap:10px}.studio .avatar-choices button{flex:1}.studio .avatar-dialog .avatar-status{min-height:42px;margin:16px 0 10px;font-size:12px}.studio .avatar-dialog .avatar-status.is-error{color:#a03030}
.studio .avatar-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #d8e0e9}.studio .avatar-actions [data-avatar-save]{background:#294b70;border-color:#294b70;color:#fff}.studio .avatar-actions [data-avatar-save]:hover:not(:disabled){background:#1e3c5c;border-color:#1e3c5c}
@media(max-width:700px){.studio .brand-avatar{width:44px;height:44px;flex-basis:44px}.studio .brand-avatar img{width:32px;height:32px}.studio .avatar-dialog{padding:26px 22px 20px}}
@media(prefers-reduced-motion:reduce){.studio .avatar-dialog button{transition:none}}