#llmPanel{max-width:1200px;margin-inline:auto;width:100%}
#llmPanel .panelHeading{gap:18px;flex-wrap:wrap}
#llmPanel h1{margin-bottom:8px}
#llmPanel .muted{line-height:1.7}
.llmSettings{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.llmField{display:grid;gap:8px;min-width:0;font-size:14px}
.llmField>span{color:var(--muted)}
.llmValue{display:flex;gap:8px;align-items:center;min-width:0}
.llmValue input{min-width:0;width:100%;font:14px ui-monospace,Consolas,monospace}
.llmValue button{flex-shrink:0}
#llmNewKey{border:1px solid var(--accent);border-radius:10px;padding:16px}
#llmNewKey p{margin:0 0 10px}
#llmTestForm textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:14px;resize:vertical}
#llmExample{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:18px;white-space:pre;overflow:auto;color:var(--text);text-align:left}
#llmNotice:empty{display:none}
#llmNotice{margin-bottom:20px}
#llmAnswer{color:var(--text);white-space:pre-wrap;line-height:1.8}
.llmChat{flex-wrap:wrap}
.llmChat button{font-size:14px;text-align:start;overflow-wrap:anywhere}
.llmChat .muted{font-size:12px}
@media(max-width:650px){.llmSettings{grid-template-columns:1fr}.llmValue{flex-wrap:wrap}.llmValue input{flex:1 1 200px}.llmChat{align-items:flex-start;flex-direction:column}}