.loop-avatar-dialog[data-slot=dialog-content]{background:var(--loop-surface);max-width:440px;color:var(--loop-ink);border-radius:12px;max-height:90dvh;padding:16px;overflow:auto}.loop-avatar-dialog [data-slot=dialog-description]{color:var(--loop-muted);font-size:14px}.loop-avatar-canvas{aspect-ratio:1;touch-action:none;cursor:grab;outline-offset:4px;background:#111;width:min(280px,100%);margin:12px auto;position:relative;overflow:hidden}.loop-avatar-canvas img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;transform:translate(-50%,-50%)}.loop-avatar-mask{pointer-events:none;border:2px solid #fff9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 100px #0008}.loop-avatar-zoom{align-items:center;gap:12px;font-size:14px;display:flex}.loop-avatar-zoom input{accent-color:#3294e6;flex:1;min-width:0}.loop-avatar-zoom output{text-align:right;width:44px}.loop-avatar-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}@media (max-width:760px){.loop-avatar-dialog[data-slot=dialog-content]{top:auto;bottom:var(--loop-visual-bottom,0px);width:100%;max-width:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:calc(var(--loop-visual-height,100dvh) - 16px);border-radius:12px 12px 0 0;left:0;transform:none!important}}html[data-loop-theme=light] .loop-avatar-dialog{background:var(--loop-raised)}.loop-avatar-mask.loop-cover-crop-mask{box-shadow:none;border-radius:0}