#bot-root form,#bot-root .bot-simulator{background:white;border:1px solid var(--line);border-radius:8px;padding:28px;margin-top:24px;min-width:0}
#bot-root label{display:block;font-weight:600;margin:20px 0 8px}
#bot-root input,#bot-root textarea,#bot-root select{box-sizing:border-box;width:100%;font:inherit;max-width:100%}
#bot-root select{min-height:46px;padding:10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}
#bot-root select:focus-visible{outline:3px solid #866400;outline-offset:3px}
#bot-root textarea{resize:vertical;min-height:100px}
.bot-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.bot-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f8;border-left:3px solid #bf941e;padding:18px}
#bot-result{margin-top:20px;overflow-wrap:anywhere}
@media(max-width:600px){#bot-root form,#bot-root .bot-simulator{padding:18px}.bot-actions button{width:100%}}
.bot-key-row{display:flex;align-items:stretch;gap:12px}.bot-key-row input{min-width:0;flex:1}.bot-key-row button{flex:none;max-width:260px;white-space:normal}.bot-state{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid #c4cfd5;border-radius:8px;background:#f3f6f8;color:#20323e;margin:18px 0}.bot-state p{margin:7px 0 0;line-height:1.5}.bot-state-mark{font-size:24px;line-height:1.2;flex:none;font-weight:bold}.bot-state-ok{border:2px solid #238346;background:#ecf9ef;color:#145d2d}.bot-state-ok .bot-state-mark{color:#137333}#bot-setup{margin:4px 0 24px}@media(max-width:650px){.bot-key-row{flex-direction:column}.bot-key-row button{max-width:none;width:100%}}