.vl-avatar-editor{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--vl-border,var(--border,#35353c));border-radius:var(--vl-radius,8px);background:var(--vl-surface,var(--surface,#141418));color:var(--vl-text,var(--text,#efefe8));max-width:640px;box-sizing:border-box}
.vl-avatar-current{display:flex;align-items:center;gap:1.25rem}.vl-avatar-current>div{min-width:0}.vl-avatar-saved{width:88px;height:88px;flex:0 0 88px;border-radius:50%;object-fit:cover;border:2px solid var(--vl-border,var(--border,#35353c));background:#101014}.vl-avatar-editor h3{margin:0 0 .35rem;font-size:1.15rem}.vl-avatar-editor p{font-size:.9rem;line-height:1.5;margin:.35rem 0 .9rem}.vl-avatar-upload{display:inline-flex;align-items:center;position:relative;overflow:hidden;min-height:44px;max-width:100%;padding:.65rem 1rem;box-sizing:border-box;border:1px solid currentColor;border-radius:4px;font-size:.875rem;cursor:pointer}.vl-avatar-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.vl-avatar-upload:focus-within{outline:2px solid var(--vl-primary,var(--red,#d42b38));outline-offset:3px}.vl-avatar-crop{margin:1.5rem 0 1rem}.vl-avatar-crop[hidden],.vl-avatar-editor [hidden]{display:none}.vl-avatar-canvas-wrap{width:min(100%,280px);margin:0 auto 1rem;background:#08080b;border:1px solid var(--vl-border,var(--border,#35353c));border-radius:50%;overflow:hidden}.vl-avatar-canvas{display:block;width:100%;height:auto;aspect-ratio:1;cursor:grab;touch-action:none}.vl-avatar-canvas:active{cursor:grabbing}.vl-avatar-help{text-align:center;color:var(--vl-muted,var(--muted,#b5b4bd))}.vl-avatar-slider{display:grid;grid-template-columns:140px minmax(60px,1fr) 48px;align-items:center;gap:.65rem;font-size:.85rem;min-height:44px}.vl-avatar-slider input{width:100%;min-height:44px;min-width:0;accent-color:var(--vl-primary,var(--red,#d42b38));padding:0}.vl-avatar-slider output{text-align:right;font-variant-numeric:tabular-nums}.vl-avatar-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.vl-avatar-editor button{min-height:44px;max-width:100%;padding:.65rem 1rem;font:inherit;font-size:.875rem;font-weight:600;border:1px solid var(--vl-button,var(--red,#d42b38));border-radius:4px;cursor:pointer;color:var(--vl-button-text,#fff);background:var(--vl-button,var(--red,#d42b38));transition:filter .15s}.vl-avatar-editor button:hover{filter:brightness(1.12)}.vl-avatar-editor .vl-avatar-secondary{background:transparent;color:inherit;border-color:var(--vl-border,var(--border,#55555e))}.vl-avatar-remove{margin-top:1rem}.vl-avatar-editor button:disabled,.vl-avatar-editor input:disabled{cursor:wait;opacity:.6}.vl-avatar-status{min-height:1.4em;overflow-wrap:anywhere}.vl-avatar-status.is-error{color:var(--vl-text,var(--text,#efefe8));border-left:3px solid #d42b38;padding-left:.75rem}.vl-avatar-editor [aria-busy=true]{cursor:wait}@media(max-width:480px){.vl-avatar-editor{padding:1rem}.vl-avatar-current{gap:.85rem;align-items:flex-start}.vl-avatar-saved{width:64px;height:64px;flex-basis:64px}.vl-avatar-slider{grid-template-columns:minmax(0,1fr) 40px;gap:.2rem .4rem;font-size:.78rem;padding-block:.4rem}.vl-avatar-slider input{grid-column:1;grid-row:2}.vl-avatar-slider output{grid-column:2;grid-row:2}.vl-avatar-actions button{flex:1}.vl-avatar-current p{font-size:.8rem}}@media(max-width:380px){.vl-avatar-current{flex-direction:column}}@media(prefers-reduced-motion:reduce){.vl-avatar-editor button{transition:none}}