:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22302b;background:#f3f6f2;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#163e32;color:white;padding:22px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between}header strong{font-size:23px}header span{margin-left:22px;opacity:.7}main{max-width:1120px;margin:26px auto;padding:0 20px}h1{font-size:26px}h2{font-size:19px;margin-top:0}.card{background:white;border:1px solid #dce5dc;border-radius:16px;padding:26px;box-shadow:0 4px 16px #102d1905}.narrow{max-width:470px;margin:50px auto}.muted{color:#718177;line-height:1.7;font-size:13px}label{display:block;margin:16px 0;font-weight:500}input,textarea,select{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #cdd9cf;border-radius:8px;font:inherit;background:#fff;color:#22302b}textarea{resize:vertical;line-height:1.6}button{background:#226b4b;color:white;border:0;border-radius:8px;padding:11px 18px;font:inherit;cursor:pointer}button:hover{background:#184e36}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid #6caa80;outline-offset:2px}nav{display:flex;gap:12px;align-items:center;margin:20px 0}nav a{margin-left:auto;color:#226b4b}.columns{display:grid;grid-template-columns:310px 1fr;gap:22px}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title-row h2{margin:0}.role-item{display:block;width:100%;text-align:left;background:#f1f6ef;color:#234d34;margin:10px 0;padding:16px}.role-item:hover{background:#dfeddb}.role-item.selected{box-shadow:inset 3px 0 #226b4b}.inline{display:flex;align-items:center;gap:8px}.inline input{width:auto;margin:0}#status{white-space:pre-wrap;color:#b3402f;min-height:20px}#status:empty{display:none}.chat-controls{display:flex;align-items:end;gap:12px}.chat-controls label{flex:1;margin:0}.chat-controls button{height:43px}#messages{height:360px;overflow:auto;border:1px solid #e4ece3;border-radius:10px;padding:18px;background:#f8faf6}.message{white-space:pre-wrap;line-height:1.7;max-width:85%;padding:12px 16px;margin:10px 0;background:#fff;border:1px solid #e4ece3;border-radius:12px}.message.user{margin-left:auto;background:#e2f0db}.message small{display:block;color:#718177;margin-bottom:4px}[hidden]{display:none!important}@media(max-width:700px){header span{display:none}.columns{grid-template-columns:1fr}.chat-controls{flex-wrap:wrap}.chat-controls label{min-width:40%}nav{flex-wrap:wrap}nav a{margin-left:0}.card{padding:20px}main{padding:0 12px}.message{max-width:95%}}