:root{--bg:#0f1720;--panel:#16212e;--card:#1c2937;--line:#2a3a4d;--text:#e6edf3;--muted:#9fb0c0;--brand:#4cc2ff;--ok:#4ade80;--err:#f87171;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.brand{color:var(--brand);margin-right:8px}.app-name{flex:1;min-width:160px}input,select,textarea,.btn{background:var(--card);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;min-height:38px;padding:8px 10px}.btn{cursor:pointer}.btn:hover{border-color:var(--brand)}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.safety{border-bottom:1px solid var(--line);color:var(--muted);background:#2a1d22;padding:8px 12px;font-size:12.5px}.safety a{color:var(--brand)}.safety strong{color:var(--text)}.workspace{flex:1;grid-template-columns:220px 1fr 360px;min-height:0;display:grid}.palette{background:var(--panel);border-right:1px solid var(--line);padding:12px;overflow:auto}.palette-title{margin:0 0 2px;font-size:14px}.palette-hint{color:var(--muted);margin:0 0 10px;font-size:12px}.palette-items{flex-direction:column;gap:8px;display:flex}.palette-item{text-align:left;cursor:grab;grid-template-rows:auto auto;grid-template-columns:24px 1fr;column-gap:8px;min-height:48px;display:grid}.palette-item .palette-icon{grid-row:1/3;align-self:center;font-size:18px}.palette-label{font-weight:600}.palette-blurb{color:var(--muted);font-size:11.5px}.palette-item.dragging{opacity:.5}.canvas-wrap{min-width:0;min-height:0;position:relative}.react-flow{background:var(--bg)}.react-flow__handle{background:var(--brand);border:2px solid var(--bg);width:12px;height:12px}.canvas-empty{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:360px;color:var(--text);pointer-events:none;padding:16px 18px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.canvas-empty p{margin:4px 0;font-size:13px}.toast{background:var(--card);border:1px solid var(--ok);color:var(--ok);z-index:40;border-radius:999px;padding:8px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.run-result{flex-direction:column;gap:10px;display:flex}.result-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.result-head{background:var(--bg-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.btn.small{min-height:28px;padding:4px 10px;font-size:12px}.run-all summary{color:var(--muted);cursor:pointer;font-size:12px}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.tab{text-transform:capitalize;background:0 0;border:1px solid #0000;min-height:36px}.tab.active{border-color:var(--line);background:var(--card);color:var(--brand)}.tab-body{padding:12px;overflow:auto}.diagram{overflow:auto}.diagram svg{max-width:100%;height:auto}.run-field,.node-field{gap:3px;margin-bottom:8px;display:grid}.run-field>span,.node-field>span{color:var(--muted);font-size:11.5px}.result,.err{background:var(--card);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;padding:10px;overflow:auto}.err{border-color:var(--err);color:var(--err)}.ok{color:var(--ok)}.errs{margin:0;padding-left:18px}.errs code{color:var(--brand)}.muted{color:var(--muted)}.row{gap:8px;margin-bottom:8px;display:flex}.import{width:100%;min-height:90px}.run-ai{border-top:1px solid var(--line);margin:10px 0;padding-top:10px}.run-sample{width:100%;min-height:56px}.run-trace summary{color:var(--muted);cursor:pointer;font-size:12px}.trace-list{flex-direction:column;gap:8px;margin:6px 0 0;padding-left:20px;display:flex}.trace-head{align-items:baseline;gap:8px;display:flex}.trace-step{font-size:12px;font-weight:600}.checks{flex-direction:column;gap:8px;display:flex}.check-item{text-align:left;border:1px solid var(--line);background:var(--card);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.check-item:not(.static):hover{border-color:var(--brand)}.check-item.static{cursor:default}.check-item strong{font-size:12px}.check-item span{color:var(--muted);font-size:11.5px}.check-item.err{border-color:var(--err)}.check-item.warn{border-color:#b8860b}.node{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:200px;padding:8px;font-size:12px}.node-input{border-color:#3b82f6}.node-transform{border-color:#8b8b3b}.node-condition{border-color:#a855f7}.node-mcpTool{border-color:#f59e0b}.node-output{border-color:var(--ok)}.node-invalid{box-shadow:0 0 0 2px var(--err)}.node-err{color:var(--err);cursor:help;margin-left:auto;margin-right:4px}.err-badge{color:var(--err);cursor:help;font-size:12px}.ok-badge{color:var(--ok);font-size:12px}.node-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.node-type{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:10px}.node-x{color:var(--muted);cursor:pointer;background:0 0;border:none;min-height:auto;padding:0 4px;font-size:16px;line-height:1}.node-field{margin-bottom:6px}.node-field input,.node-field select{width:100%;min-height:30px;padding:4px 6px}.node-note{color:#f59e0b;margin:4px 0 0;font-size:10.5px}.node-hint{color:var(--muted);margin-top:2px;font-size:10px;display:block}.node-guardrail{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.node-guardrail .lens{color:#34d399;white-space:nowrap;background:#10b98124;border:1px solid #10b98159;border-radius:999px;padding:1px 6px;font-size:10px}.node-branches{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.argmap{margin:4px 0}.argmap-title{color:var(--muted);font-size:11px}.argmap-row{grid-template-columns:1fr 1fr 22px;gap:4px;margin-top:4px;display:grid}.argmap-row input{min-height:28px;padding:3px 5px}.argmap-x{color:var(--muted);cursor:pointer;background:0 0;border:none;min-height:auto;padding:0}.argmap-add{min-height:28px;margin-top:4px;padding:3px 8px;font-size:11px}@media (width<=820px){.workspace{grid-template-rows:1fr auto;grid-template-columns:1fr}.canvas-wrap{grid-row:1}.panel{border-left:none;border-top:1px solid var(--line);grid-row:2;max-height:45vh}.palette{z-index:20;border-right:none;border-top:1px solid var(--line);max-height:38vh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0006}.palette-items{flex-flow:wrap}.palette-item{width:calc(50% - 4px);min-height:44px}}