.ai-status{margin:24px 0 0;padding:14px 18px;border:1px solid #bfd5e8;border-radius:9px;background:#f1f8ff;color:#173b60}
.ai-status.ai-error{border-color:#e4c5bb;background:#fff6f2;color:#763721}
.ai-layout{align-items:start}
.ai-layout .content-card{display:flex;flex-direction:column;gap:10px}
.ai-layout .content-card h2{margin-bottom:0}
.ai-layout label{display:block;font-weight:700;color:#243449}
.ai-layout .tool-input,.ai-layout .tool-select{background:#fff;color:#243449}
.ai-layout textarea{min-height:122px;resize:vertical}
.ai-layout .tool-output{margin-top:0;min-height:105px;color:#243449;overflow-wrap:anywhere;line-height:1.6}
.ai-layout .tool-output:empty::before{content:'Your AI result will appear here.';color:#6d7b89}
.ai-layout .tool-output.ai-error{border-color:#e4c5bb;background:#fff6f2;color:#763721}
.ai-layout .tool-button{align-self:flex-start;margin-top:4px}
.ai-layout .tool-button:disabled{cursor:wait;opacity:.7}
.ai-layout .tool-button:focus-visible,.ai-layout .copy-result:focus-visible{outline:3px solid #e96a47;outline-offset:3px}
.ai-layout .copy-result{align-self:flex-start;border:1px solid #bed0e1;border-radius:7px;background:#fff;color:#174b7b;padding:8px 12px;cursor:pointer}
.ai-layout .copy-result[hidden]{display:none}
.ai-layout .tool-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-layout .tool-row>*{min-width:0}
.ai-layout .tool-hint{margin:0;color:#52667a}
.ai-layout .tool-output[aria-busy='true']{opacity:.72}
@media(max-width:640px){.ai-layout .tool-row{grid-template-columns:1fr}}