*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#111214;color:#f2f3f5}button,input{font:inherit}.kiro-shell{display:grid;grid-template-columns:72px minmax(260px,340px) minmax(420px,1fr) minmax(260px,320px);min-height:100vh;background:#1e1f22}.rail{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 12px;background:#111214;border-right:1px solid #2b2d31}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#5865f2;color:#fff;font-weight:800}.thread-pane,.inspector{background:#2b2d31;border-right:1px solid #1e1f22;padding:20px}.pane-header,.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:#949ba4;font-size:12px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:18px}.thread-list{display:grid;gap:8px;margin-top:16px}.thread-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;width:100%;min-height:76px;padding:12px;border:0;border-radius:8px;color:#f2f3f5;background:transparent;text-align:left;cursor:pointer}.thread-item:hover{background:#35373c}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#3ba55d;color:#fff;font-weight:700}.thread-item strong,.thread-item small{display:block}.thread-item small{margin-top:4px;color:#b5bac1;line-height:1.35}.conversation-pane{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#313338}.conversation-top{min-height:72px;padding:18px 22px;border-bottom:1px solid #24262b}.conversation-top p{margin-top:6px;color:#b5bac1}.message-stream{display:flex;flex-direction:column;gap:14px;padding:28px;overflow:auto}.message{display:flex}.message span{max-width:680px;padding:12px 14px;border-radius:8px;background:#2b2d31;color:#f2f3f5;line-height:1.45}.message.outgoing{justify-content:flex-end}.message.outgoing span{background:#5865f2}.agent-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:16px;border:1px solid #42454d;border-radius:8px;background:#232428}.agent-panel p{margin-top:6px;color:#b5bac1}.composer{display:grid;grid-template-columns:1fr 44px;gap:12px;padding:18px 22px;border-top:1px solid #24262b}.inspector{display:flex;flex-direction:column;gap:12px}.inspector h2{display:flex;align-items:center;gap:8px;margin-bottom:8px}.metric{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #3a3d44}.metric span{color:#b5bac1}@media(max-width:1100px){.kiro-shell{grid-template-columns:64px minmax(240px,320px) 1fr}.inspector{display:none}}@media(max-width:760px){.kiro-shell{grid-template-columns:1fr}.rail,.thread-pane{display:none}.conversation-top{align-items:flex-start;flex-direction:column}.message-stream{padding:18px}}