.avatar-option{width:56px;height:56px;border-radius:var(--avatar-radius);border:2px solid transparent;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}
.avatar-option img{width:44px;height:44px;object-fit:cover;border-radius:var(--avatar-radius)}
.avatar-option:hover{border-color:#93c5fd}
.avatar-option.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.avatar-option.avatar-upload{background:#f9fafb}
.avatar-option.avatar-upload:hover{background:#f3f4f6}
#botAvatarImage{border-radius:var(--avatar-radius,50%);}
.widget-mockup{width:72px;height:72px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:all .2s ease;border-radius:20px;background:#111}
.widget-mockup .widget-icon-inline svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));}
.widget-icon-trigger{width:60px;height:60px;border-radius:14px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s ease;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.widget-icon-trigger:hover{border-color:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.widget-icon-trigger .widget-icon-inline{width:36px;height:36px}
.widget-icon-trigger svg{width:100%;height:100%}
#botAvatarButton{width:80px;height:80px;display:flex;align-items:center;justify-content:center}
#botAvatarButton img{width:56px;height:56px}
.widget-icon-option{border:2px solid transparent;border-radius:16px;padding:16px;background:#f9fafb;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.widget-icon-option .widget-icon-inline{width:44px;height:44px}
.widget-icon-option svg{width:100%;height:100%}
.widget-icon-inline{display:flex;align-items:center;justify-content:center}
.widget-icon-option:hover{border-color:#93c5fd;background:#eff6ff}
.widget-icon-option.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
#embedScriptBox {
  resize: none;
  overflow: hidden;
  min-height: 120px;  /* altura mínima más cómoda para leer el script */
  height: auto;
  line-height: 1.4;
}
#logoRadiusVal {
  display: inline-block;
  min-width: 2ch; /* reserva espacio suficiente para dos caracteres */
  text-align: right;
}