.ob-profile-photo{flex-wrap:wrap;align-items:center;gap:16px;margin:4px 0 22px;display:flex}.ob-profile-photo .ob-profile-photo-avatar{width:64px;height:64px;font-size:22px}.ob-profile-photo-controls{flex:1;min-width:0}.ob-profile-photo-controls>strong{color:var(--foreground);font-size:14px}.ob-profile-photo-controls>p{color:var(--muted-foreground);margin:3px 0 9px;font-size:12px}.ob-profile-photo-actions{flex-wrap:wrap;gap:8px;display:flex}.ob-profile-photo-actions>button{border:1px solid var(--input);background:var(--secondary);min-height:36px;color:var(--foreground);cursor:pointer;border-radius:6px;padding:6px 11px;font-size:12px}.ob-profile-photo-actions>button:hover{background:var(--border)}.ob-profile-photo-actions>button:focus-visible,.ob-profile-crop input:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.ob-profile-photo-actions>button:disabled{opacity:.6;cursor:wait}.ob-profile-photo-message,.ob-profile-photo-error{flex-basis:100%;margin:0;font-size:13px}.ob-profile-photo-error{color:var(--destructive)}.ob-profile-crop{border:1px solid var(--input);background:var(--card);max-height:calc(100dvh - 32px);color:var(--foreground);padding:22px;overflow-y:auto}.ob-profile-crop>h2{margin:0;font-size:18px}.ob-profile-crop>p{color:var(--foreground-secondary);font-size:13px}.ob-profile-crop-preview{width:220px;max-width:100%;height:220px;box-shadow:0 0 0 1px var(--input);background-repeat:no-repeat;border-radius:50%;margin:0 auto}.ob-profile-crop>label{color:var(--foreground-secondary);gap:5px;font-size:12px;display:grid}.ob-profile-crop input{width:100%;accent-color:var(--primary)}.ob-profile-crop>.ob-profile-photo-actions{justify-content:flex-end}@media (max-width:760px){.ob-profile-photo-actions>button{min-height:44px}}
