.mg-photo-portrait{position:relative}.mg-stage .mg-photo-trigger{position:absolute;inset:12px;border:0;border-radius:50%;padding:0;background:transparent;z-index:2}.mg-photo-options{position:absolute;top:100%;left:0;z-index:25;width:min(280px,75vw);display:grid;gap:8px;padding:12px;background:#06283cf5;border:1px solid #80cfdf;border-radius:14px;box-shadow:0 8px 30px #0008}.mg-photo-options button{text-align:left}.mg-photo-initial-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mg-avatar{position:relative;overflow:hidden}.mg-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mg-photo-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #8adeef;border-radius:20px;padding:24px;background:#05273a;color:#f4f9ff;box-shadow:inset 0 1px 6px #fff4,0 12px 50px #0009}.mg-photo-dialog::backdrop{background:#001222bb}.mg-photo-dialog h2{margin:0 0 18px}.mg-photo-dialog canvas,.mg-photo-dialog img{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;margin:12px 0;border-radius:12px}.mg-photo-dialog label{display:grid;gap:8px;margin:14px 0}.mg-photo-dialog input{max-width:100%}.mg-photo-dialog button{margin:8px 8px 0 0}.mg-photo-dialog p{color:#ffcf9c}.mg-photo-notice{position:absolute;bottom:4px;font-size:12px;max-width:100%;background:#05273a}.mg-hero{position:relative}.mg-photo-control{position:relative;display:inline-block;flex-shrink:0}.mg-photo-control .mg-photo-options{font-size:15px}