.profile-button img,.profile-account-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.profile-account-avatar{overflow:hidden}.profile-button:has(img){padding:3px!important}.profile-menu .profile-photo-edit{min-height:38px;font-size:12px;margin:0 0 7px;color:#087d73;background:#f0f6f3;padding:8px 12px}.profile-photo-edit svg{width:18px;height:18px}
dialog.profile-photo-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 36px);border:1px solid #d9e5df;border-radius:20px;padding:24px;background:#fff;color:#173e3f;overflow:auto;overscroll-behavior:contain;font:14px/1.5 var(--studio-font,system-ui);box-shadow:0 22px 72px #102f3c33}
.profile-photo-dialog::backdrop{background:#0a292c80;backdrop-filter:blur(3px)}.profile-photo-dialog h2{font-size:23px;letter-spacing:-.6px;margin:0 0 4px}.profile-photo-head p{font-size:12px;color:#6e827d;margin:0 0 18px}
.profile-photo-dialog [hidden]{display:none!important}.profile-photo-dialog button{font-size:13px;min-height:44px;padding:10px 16px;border-radius:11px;box-shadow:none;cursor:pointer}.profile-photo-dialog button:disabled{cursor:default;opacity:.55}.profile-photo-dialog button:hover{transform:none;box-shadow:none}.profile-photo-dialog button:focus-visible,.profile-photo-dialog input:focus-visible,.profile-photo-dialog summary:focus-visible{outline:2px solid #087d73;outline-offset:3px}
.profile-photo-preview{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;border:1px solid #d6e3db;background:#f2f7f4;color:#70867d;margin:0 auto 20px;font-size:12px;overflow:hidden}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}
.profile-photo-file-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.profile-photo-dialog .profile-photo-remove{background:#f9eeed;color:#a62f38;border:0}.profile-photo-help{font-size:11px;color:#738980;margin:10px 0 14px;text-align:center}
.profile-crop-stage{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto;background:#edf3f0;overflow:hidden;border-radius:14px}.profile-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.profile-crop-stage canvas:active{cursor:grabbing}.profile-crop-mask{position:absolute;inset:0;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 100px #082d3b45;pointer-events:none}
.profile-crop-control{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;font-size:12px;margin:12px 0}.profile-crop-control input{width:100%;padding:0;margin:0;min-width:0;height:24px;accent-color:#087d73;border:0;background:transparent}.profile-crop-position{font-size:12px;color:#58756b}.profile-crop-position summary{cursor:pointer;padding:7px 0}.profile-photo-status{font-size:12px;color:#587569;min-height:18px;margin:16px 0;overflow-wrap:anywhere}.profile-photo-status.error{color:#a33038}
.profile-photo-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:14px;border-top:1px solid #e1ebe6}.profile-photo-confirm{padding:12px;margin-top:14px;border-radius:12px;background:#fff7f3;border:1px solid #ecd8d0;font-size:13px}.profile-photo-confirm p{margin:0 0 10px}.profile-photo-confirm>div{display:flex;gap:8px}
@media(max-width:380px){dialog.profile-photo-dialog{padding:18px}.profile-photo-dialog h2{font-size:21px}.profile-photo-dialog button{padding:10px 12px;font-size:12px}}
@media print{.profile-photo-dialog{display:none!important}}