.bot-create{display:flex;gap:10px;align-items:end;margin:18px 0}.bot-create label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.bot-create input{padding:11px;border:1px solid var(--line)}.bot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.bot-card{border:1px solid var(--line);padding:16px}.bot-card-head{display:flex;gap:10px;align-items:center}.bot-card-head img{width:42px;height:42px;image-rendering:pixelated}.bot-card small{display:block}.bot-state{font-size:11px;color:#7c857f}.bot-state.online{color:#278857}.bot-state.connecting,.bot-state.reconnecting{color:#a87522}.bot-card p{min-height:39px;margin:13px 0;font-size:12px}.bot-actions{display:flex;align-items:center;gap:8px}.bot-actions .primary{padding:9px 12px}.bot-remove{color:var(--red);margin-left:auto}@media(max-width:560px){.bot-create{align-items:stretch;flex-direction:column}.bot-create .primary{width:100%}}

.bot-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin:0 0 12px;color:var(--text)}
.bot-toggle input{accent-color:var(--accent);width:16px;height:16px}
.bot-skin{display:grid;gap:6px;margin:14px 0}.bot-skin label{display:grid;gap:6px;font-size:12px;font-weight:700}.bot-skin input{width:100%;min-width:0;box-sizing:border-box;padding:9px;border:1px solid var(--line)}.bot-skin small{overflow-wrap:anywhere}.bot-skin button{justify-self:start;padding:5px 0}