@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202320;background:#f4f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}main{min-height:100vh}header{height:82px;background:#202320;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #3b403b}h1,h2{font-family:'Space Grotesk',sans-serif;margin:0}h1{font-size:22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#aeb5ae}.header-actions{display:flex;gap:10px}.header-actions button,.run{display:flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.quiet{background:#373b37;color:white}.run{background:#ffd36a;color:#25231d}.workspace{height:calc(100vh - 82px);display:grid;grid-template-columns:245px 1fr 295px}.left-panel,.right-panel{background:#fff;padding:20px;border-color:#dfe3dd;border-style:solid;overflow:auto}.left-panel{border-width:0 1px 0 0}.right-panel{border-width:0 0 0 1px}.left-panel h2,.right-panel h2{font-size:16px;margin:20px 0 14px}.canvas{min-width:0;background:#f7f8f5}.add-card{width:100%;display:flex;gap:10px;text-align:left;align-items:center;border:1px solid #dfe3dd;border-left:5px solid;padding:10px;margin:7px 0;border-radius:8px;background:white}.add-card span{display:flex;flex-direction:column}.add-card small,.hint{color:#6f766f}.input-card{border-left-color:#e7af2c}.ai-worker-card{border-left-color:#7975e8}.decision-rules-card{border-left-color:#ea8d50}.human-review-card{border-left-color:#e36e78}.simulated-tool-card{border-left-color:#9a62d5}.output-card{border-left-color:#2eb881}.hint{font-size:12px;line-height:1.5;margin-top:15px}.legend{border-top:1px solid #e2e6e0;margin-top:18px;padding-top:14px;font-size:11px;display:grid;gap:8px}.legend span{display:flex;align-items:center;gap:8px}.legend i{display:inline-block;width:28px;border-top:2px solid #777}.legend .tool-line{border-top:2px dashed #9a62d5}.panel-copy,.field-help{font-size:12px;line-height:1.5;color:#727872}.field-help{display:block;margin-top:5px;font-weight:400}label{display:block;font-size:12px;font-weight:700;margin:14px 0}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccd2ca;border-radius:7px;padding:9px;background:white;color:#202320}textarea{resize:vertical;line-height:1.45}.flow-node{position:relative;width:210px;min-height:68px;background:white;border:1px solid #cfd5cd;border-left:6px solid;box-shadow:0 5px 16px #34403414;border-radius:10px;padding:14px;display:flex;align-items:center;gap:11px}.flow-node.selected{outline:3px solid #b8b5f2}.flow-node.input{border-left-color:#e7af2c}.flow-node.ai-worker{border-left-color:#7975e8}.flow-node.decision-rules{border-left-color:#ea8d50}.flow-node.human-review{border-left-color:#e36e78}.flow-node.simulated-tool{border-left-color:#9a62d5}.flow-node.output{border-left-color:#2eb881}.flow-node .tool-handle{width:11px;height:11px;background:#9a62d5;border:2px solid white}.tool-port-label{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:.1em;color:#8150b5}.node-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f0f1ee}.flow-node small,.flow-node strong{display:block}.flow-node small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#727872}.flow-node strong{font-size:13px;margin-top:3px}.danger{border:0;background:none;color:#b94646;padding:8px 0;margin-top:18px}.empty{text-align:center;color:#777f77;margin-top:50%}.empty svg{color:#9ca39c}.empty p{font-size:13px}.run-drawer{display:none;position:fixed;z-index:10;left:265px;right:315px;bottom:18px;max-height:48vh;overflow:auto;background:#202320;color:white;border-radius:12px;padding:20px 24px;box-shadow:0 16px 50px #1118}.run-drawer.open{display:block}.run-drawer h2{font-size:17px;margin-top:4px}.run-drawer pre,.run-drawer blockquote{white-space:pre-wrap;background:#303530;border-left:3px solid #69d6ad;border-radius:5px;padding:14px;font-family:inherit}.review textarea{background:#fff;margin-bottom:10px}.error{color:#ffaaa0}.trace{border-top:1px solid #444b44;padding:12px 0}.trace.tool-event{border-left:3px solid #9a62d5;padding-left:12px}.trace span{font-size:10px;text-transform:uppercase;margin-left:8px;color:#aaa}.trace.tool-event span{color:#d5aaff}.trace p{white-space:pre-wrap;font-size:13px;color:#d6dbd5}details summary{cursor:pointer;color:#c5cbc4}@media(max-width:900px){.workspace{grid-template-columns:200px 1fr}.right-panel{position:fixed;z-index:5;right:0;top:82px;bottom:0;width:270px;box-shadow:-8px 0 25px #2222}.run-drawer{left:215px;right:290px}}@media(max-width:650px){header{padding:0 14px}.eyebrow{display:none}.header-actions .quiet{display:none}.workspace{grid-template-columns:1fr}.left-panel{display:none}.right-panel{top:82px;width:240px}.run-drawer{left:12px;right:12px}.canvas{height:calc(100vh - 82px)}}