.chatbot-toolbar-active .workspace-tools {flex-wrap: wrap;}
.chatbot-preview-controls {display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.chatbot-preview-controls label {display: flex; align-items: center; gap: 6px; color: #c2c7d4; font-size: 12px;}
.chatbot-preview-controls select {min-height: 32px; max-width: 190px; font-size: 12px;}
.chatbot-preview-controls button {min-height: 32px; font-size: 12px; white-space: nowrap;}
.chatbot-copy-dialog {box-sizing: border-box; width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 20px; border: 1px solid #ffffff24; border-radius: 16px; background: #191c2a; color: #eef0f7;}
.chatbot-copy-dialog::backdrop {background: #080a13aa;}
.chatbot-copy-dialog p {margin: 0 0 12px; font: 500 15px/1.4 sans-serif;}
.chatbot-copy-dialog textarea {box-sizing: border-box; display: block; width: 100%; min-height: 200px; margin-bottom: 12px; padding: 12px; font: 14px/1.5 sans-serif; border: 1px solid #ffffff30; border-radius: 8px; color: #eef0f7; background: #10131e;}
@media(max-width:760px) {
  .chatbot-preview-controls {flex-basis: 100%; order: 3;}
  .chatbot-preview-controls label {flex: 1 1 auto;}
  .chatbot-preview-controls select {min-width: 0; max-width: 172px;}
}