*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e5e7eb;font:14px system-ui, sans-serif}header{height:58px;padding:18px 24px;background:#111c33;border-bottom:1px solid #334155;display:flex;gap:28px;align-items:center}header b{color:#67e8f9;font-size:17px}.user{margin-left:auto;color:#94a3b8}main{display:grid;grid-template-columns:27% 46% 27%;height:calc(100vh - 58px)}aside,section{padding:22px;border-right:1px solid #334155;overflow:auto}h2{margin:0 0 18px;font-size:18px}h3{color:#93c5fd;font-size:13px;margin-top:25px}.empty{border:1px dashed #475569;padding:36px;text-align:center;color:#94a3b8}.bubble,.card,.taskbox{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:13px;margin:10px 0}.bubble.user{border-color:#0e7490;background:#164e63}.chip{display:inline-flex;gap:7px;background:#164e63;border:1px solid #22d3ee;border-radius:18px;padding:6px 9px;margin:3px;font-size:12px}.chip button{border:0;background:none;color:#a5f3fc;cursor:pointer}.chipform{display:flex;gap:5px}input,textarea{background:#0b1222;border:1px solid #475569;color:#fff;border-radius:6px;padding:9px}input{width:100%}textarea{width:100%;height:75px;margin-top:14px;resize:vertical}button{background:#0891b2;color:white;border:0;border-radius:6px;padding:9px 13px;cursor:pointer;margin-top:8px}#send{width:100%;background:#2563eb}.step{display:flex;gap:12px;align-items:start;border-left:3px solid #475569;padding:12px;margin:8px 0}.step.running{border-color:#f59e0b}.step.succeeded{border-color:#22c55e}.step small{color:#94a3b8}.actions{display:flex;gap:8px}.confirm{background:#16a34a}.cancel{background:#64748b}.map{height:230px;border:1px dashed #475569;border-radius:10px;display:grid;place-content:center;text-align:center;color:#94a3b8;background:radial-gradient(circle,#1e3a5f,#111827)}.artifact{border-left:3px solid #22c55e}.badge{float:right;color:#67e8f9;font-size:12px}
@media(max-width:800px){main{display:block;height:auto}aside,section{min-height:350px}.artifacts{border:0}}