.qai-ui { min-width:0; color:var(--text,#1e293b); font:inherit; }
.qai-ui h2 { font-size:22px; margin:0 0 16px; }
.qai-ui h3 { font-size:16px; margin:0 0 16px; }
.qai-ui .qai-panel, .qai-ui[data-qmsg-qq-binding] { padding:22px; margin-bottom:18px; border:1px solid var(--border,#e2d9ef); border-radius:14px; background:var(--bg-secondary,#fff); }
.qai-ui .qai-field { display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr); align-items:center; gap:8px 18px; margin:14px 0; }
.qai-ui .qai-field small { grid-column:2; color:var(--text-secondary,#475569); font-size:12px; line-height:1.7; }
.qai-ui input:not([type=checkbox]), .qai-ui textarea, .qai-ui select { width:100%; box-sizing:border-box; background:var(--bg,#f8f5fc); color:inherit; padding:10px 12px; border:1px solid var(--border,#d8cde3); border-radius:8px; font:inherit; min-width:0; }
.qai-ui input[type=checkbox] { justify-self:start; accent-color:var(--primary,#a855f7); width:18px; height:18px; }
.qai-ui textarea { resize:vertical; line-height:1.7; }
.qai-ui .qai-button { margin:8px 10px 0 0; padding:9px 14px; color:#fff; border:0; border-radius:8px; background:var(--primary,#a855f7); cursor:pointer; font:inherit; }
.qai-ui .qai-button:disabled { opacity:.5; cursor:wait; }
.qai-ui p { line-height:1.8; font-size:13px; overflow-wrap:anywhere; }
.qai-ui [data-state=error], .qai-ui [data-state=fail] { color:#e24467; }
.qai-ui [data-state=success], .qai-ui [data-state=pass] { color:#15886a; }
.qai-ui .qai-binding { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:10px 0; overflow-wrap:anywhere; }
.qai-ui pre { max-height:360px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
[data-qai-mounted][hidden] { display:none !important; }
@media(max-width:640px){ .qai-ui .qai-field{grid-template-columns:minmax(0,1fr)} .qai-ui .qai-field small{grid-column:1} .qai-ui .qai-panel,.qai-ui[data-qmsg-qq-binding]{padding:16px} }

.qai-ui .qai-key-state { display:inline-block; margin-left:8px; padding:3px 8px; border-radius:6px; font-size:12px; font-weight:600; line-height:1.4; background:rgba(22,163,74,.12); color:#15803d; }
.qai-ui .qai-key-state[data-configured="false"] { background:rgba(217,119,6,.12); color:#b45309; }
[data-theme="dark"] .qai-ui .qai-key-state { color:#86efac; }
[data-theme="dark"] .qai-ui .qai-key-state[data-configured="false"] { color:#fcd34d; }