:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}textarea,input{color:#18212f;background:#fffefa;border:1px solid #cfd8d3;border-radius:8px;outline:none;width:100%}textarea:focus,input:focus{border-color:#417b65;box-shadow:0 0 0 3px #417b6521}textarea{resize:vertical;min-height:86px;padding:10px 12px}input{height:42px;padding:0 12px}h1,h2,p{margin:0}.login-screen{background:linear-gradient(120deg,#417b6529,#0000 42%),linear-gradient(300deg,#be362617,#0000 48%),#f4f6f2;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fffefaeb;border:1px solid #d8ddd8;border-radius:8px;gap:22px;width:min(440px,100%);padding:30px;display:grid;box-shadow:0 24px 60px #1c28341f}.brand-mark{color:#fffefa;background:#263f43;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.login-form,.chat-form,.comment-form,.field-block{gap:10px;display:grid}.field-block{color:#59636a;font-size:12px;font-weight:700}.field-block textarea{min-height:76px;font-size:13px;font-weight:500;line-height:1.42}.eyebrow{color:#be3626;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.muted{color:#657178;line-height:1.5}.small{font-size:12px}.error{color:#8f2017;background:#fff0ed;border:1px solid #f0b4ab;border-radius:8px;padding:10px 12px;font-size:13px}.primary-button,.ghost-button,.icon-button{white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;font-weight:800;display:inline-flex}.primary-button{color:#fffefa;background:#be3626}.ghost-button{color:#263f43;background:#fffefa;border:1px solid #cfd8d3;padding:0 12px}.ghost-button:disabled{cursor:not-allowed;opacity:.55}.icon-button{color:#263f43;background:#fffefa;border:1px solid #cfd8d3;width:38px}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{background:#fffefa;border-bottom:1px solid #d8ddd8;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.topbar h1{font-size:22px;line-height:1.15}.top-actions{align-items:center;gap:10px;display:flex}.status-pill{color:#417b65;text-align:center;background:#e9f2ee;border-radius:999px;min-width:72px;padding:8px 10px;font-size:12px;font-weight:800}.status-pill.error{color:#8f2017;background:#fff0ed}.workspace-grid{background:#d8ddd8;grid-template-columns:minmax(290px,340px) minmax(620px,1fr) minmax(300px,370px);gap:1px;display:grid;overflow:hidden}.chat-pane,.canvas-pane,.blueprint-pane{background:#f8faf7;min-height:0;padding:16px;overflow:auto}.pane-title{color:#263f43;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pane-title h2{font-size:15px}.message-list{flex-direction:column;gap:10px;height:calc(100vh - 286px);min-height:260px;padding-right:2px;display:flex;overflow:auto}.message{background:#fffefa;border:1px solid #d8ddd8;border-radius:8px;padding:12px}.message.user{background:#edf6f1;border-color:#c6d9cf}.message-role{color:#657178;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.message p{font-size:13px;line-height:1.45}.chat-form{margin-top:12px}.flow-board{background-color:#fffefa;background-image:linear-gradient(#263f430d 1px,#0000 1px),linear-gradient(90deg,#263f430d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d8ddd8;border-radius:8px;min-width:1040px;height:520px;position:relative;overflow:hidden}.flow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-lines path{fill:none;stroke:#8b9893;stroke-width:2px}.flow-lines marker path{fill:#8b9893}.flow-lines text{fill:#657178;font-size:11px;font-weight:800}.flow-node{color:#18212f;text-align:left;background:#fffefa;border:1px solid #cfd8d3;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:34px 1fr;gap:6px 8px;width:174px;min-height:118px;padding:12px;display:grid;position:absolute;box-shadow:0 12px 24px #1c283414}.flow-node span{color:#fffefa;background:#263f43;border-radius:8px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:grid}.flow-node strong{font-size:14px}.flow-node small{color:#657178;font-size:11px;line-height:1.35}.flow-node.selected{border-color:#be3626;box-shadow:0 0 0 3px #be362624,0 12px 24px #1c283414}.flow-node.system span{background:#416c8a}.flow-node.agent span{background:#be3626}.flow-node.role span{background:#417b65}.node-editor{background:#fffefa;border:1px solid #d8ddd8;border-radius:8px;grid-template-columns:220px 1fr auto;align-items:start;gap:12px;margin-top:14px;padding:14px;display:grid}.node-editor h2{font-size:18px}.blueprint-pane{align-content:start;gap:12px;display:grid}.comments-panel{border-top:1px solid #d8ddd8;gap:10px;margin-top:8px;padding-top:14px;display:grid}.comments-list{gap:8px;display:grid}.comment,.empty{background:#fffefa;border:1px solid #d8ddd8;border-radius:8px;padding:10px}.comment strong{color:#417b65;margin-bottom:4px;font-size:11px;display:block}.comment p,.empty{color:#657178;font-size:12px;line-height:1.4}@media (width<=1180px){.workspace-grid{grid-template-columns:1fr;overflow:visible}.message-list{height:auto;max-height:420px}.canvas-pane{overflow-x:auto}.node-editor{grid-template-columns:1fr}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap;width:100%}.ghost-button{flex:1}}