.vc-chat-avatar-editor{margin:0 12px 10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}
.vc-chat-avatar-editor h3{margin:0 0 10px;padding:0;color:var(--ink);font-size:12px;text-transform:none}
.vc-chat-avatar-preview{display:grid;min-height:54px;margin-bottom:10px;place-items:center}
.vc-chat-avatar-preview[hidden]{display:none}
.vc-chat-avatar-preview img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#e8eef1}
.vc-chat-avatar-options{display:grid;grid-template-columns:repeat(5,40px);gap:7px;margin-bottom:10px}
.vc-chat-avatar-choice{width:40px;height:40px;padding:2px;overflow:hidden;border:2px solid transparent;border-radius:50%;background:#e8eef1;cursor:pointer}
.vc-chat-avatar-choice:hover,.vc-chat-avatar-choice.is-selected{border-color:var(--green)}
.vc-chat-avatar-choice img{display:block;width:100%;height:100%;border-radius:50%}
.vc-chat-avatar-tools{display:flex;align-items:center;gap:8px}
.vc-chat-avatar-tools label,.vc-chat-avatar-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.vc-chat-avatar-tools input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.vc-chat-avatar-editor [data-chat-avatar-status]{display:block;min-height:17px;margin-top:7px;color:var(--muted);font-size:10px}
.vc-chat-uploaded-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}
.vc-avatar-builder{display:grid;gap:9px;margin:0 12px 10px;padding:10px;border-top:1px solid var(--line);background:#fff}
.vc-avatar-field{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}
.vc-avatar-field select{min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit}
.vc-avatar-segments{display:flex;gap:4px}
.vc-avatar-segments button{min-height:30px;flex:1;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}
.vc-avatar-segments button.is-active{border-color:var(--green);background:#edf4fc;color:var(--green);font-weight:700}
.vc-avatar-swatches{display:flex;flex-wrap:wrap;gap:7px}
.vc-avatar-swatch{width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cad3dc;cursor:pointer}
.vc-avatar-swatch.is-selected{box-shadow:0 0 0 2px var(--green)}
.vc-avatar-accessories{display:flex;flex-wrap:wrap;gap:10px;color:var(--ink);font-size:10px}
.vc-avatar-accessories label{display:flex;align-items:center;gap:4px;cursor:pointer}
.vc-avatar-accessories input{accent-color:var(--green)}
.vc-avatar-builder-preview{display:grid;min-height:48px;place-items:center}
.vc-avatar-builder-preview img{width:48px;height:48px;border-radius:50%}
.vc-avatar-builder-actions{display:flex;gap:6px}
.vc-avatar-builder-actions button{min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.vc-avatar-builder-actions [data-avatar-save]{border-color:var(--green);background:var(--green);color:#fff}
@media(max-width:700px){.vc-avatar-builder{margin:0 14px 12px;padding:11px}.vc-avatar-segments button{min-height:36px;font-size:11px}.vc-avatar-swatch{width:28px;height:28px}.vc-avatar-accessories{font-size:12px}}
.vc-chat-avatar-builder{display:grid;gap:9px;margin:0 12px 10px;padding:10px;border-top:1px solid var(--line);background:#fff}
@media(max-width:700px){.vc-chat-avatar-builder{margin:0 14px 12px;padding:11px}}
