:root{color:#e6edf3;background:#0d1117;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:820px;min-height:100vh;margin:auto;padding:28px 18px;display:flex;flex-direction:column;gap:18px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:2px 0;font-size:2rem}small,footer{color:#8b949e}output{border:1px solid #30363d;border-radius:20px;padding:7px 12px}#warning{background:#3d2e00;padding:12px;border-radius:9px}#chat{flex:1;min-height:52vh;display:flex;flex-direction:column;gap:12px}article{max-width:80%;padding:12px 14px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.assistant{align-self:flex-start;background:#161b22;border:1px solid #30363d}.user{align-self:flex-end;background:#1f6feb}form{display:flex;gap:8px;padding:8px;border:1px solid #30363d;border-radius:14px}textarea{flex:1;border:0;resize:none;background:transparent;color:inherit;font:inherit;outline:0;padding:8px}button{background:#238636;color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:700}button:disabled,textarea:disabled{opacity:.5}footer{text-align:center;font-size:.78rem}.tools{border:1px solid #30363d;border-radius:12px;background:#161b22}.tools summary{cursor:pointer;padding:12px 14px;font-weight:700}.tool-body{display:grid;gap:10px;padding:0 14px 14px}.tool-body label{color:#c9d1d9;font-size:.9rem}.tool-body textarea{border:1px solid #30363d;border-radius:9px;background:#0d1117;min-height:90px}.tool-row{display:flex;align-items:center;gap:12px;color:#8b949e;font-size:.85rem}.js-result{min-height:38px;margin:0;padding:10px;border-radius:8px;background:#010409;color:#7ee787;white-space:pre-wrap;overflow:auto}