:root{--bg: #14121c;--panel: #1e1b2b;--panel2: #262236;--ink: #e8e4f2;--dim: #9a93b4;--accent: #8a6fd0;--good: #4fd07a;--bad: #e05a6f;--read: #e0b24f;--write: #e05a6f;--mono: "SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#221d33,var(--bg));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:980px;margin:0 auto;padding:18px 16px 60px}header h1{margin:0;font-size:26px;letter-spacing:4px;font-weight:800;background:linear-gradient(90deg,var(--accent),#c4b0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:4px 0 14px;color:var(--dim);font-size:13px;line-height:1.4}.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}button,select{font:inherit;color:var(--ink);background:var(--panel2);border:1px solid #3a3450;border-radius:8px;padding:7px 12px;cursor:pointer}button:hover,select:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#16121f;font-weight:700}button.ghost{background:transparent}.seg{display:inline-flex;background:var(--panel);border:1px solid #3a3450;border-radius:9px;padding:2px}.seg button{border:none;background:transparent;border-radius:7px;padding:6px 14px}.seg button.on{background:var(--accent);color:#16121f;font-weight:700}.blurb{color:var(--dim);font-size:13px;margin:4px 0 12px}.io{display:grid;gap:6px;background:var(--panel);border:1px solid #2f2a42;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:14px}.iolbl{color:var(--dim);font-size:11px;letter-spacing:1px;margin-right:6px}.io code{font-family:var(--mono);color:var(--ink)}#outStream.match{color:var(--good);font-weight:700}.grid{display:grid;gap:10px;margin:12px 0}.node{background:var(--panel);border:1px solid #322c47;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:120px;transition:border-color .15s,box-shadow .15s}.node.fixed{background:#191625}.nhead{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);letter-spacing:1px}.nhead .role{color:var(--accent);font-weight:700}.node textarea{flex:1;resize:vertical;min-height:86px;background:#100e18;color:var(--ink);border:1px solid #2a2540;border-radius:7px;padding:7px;font-family:var(--mono);font-size:13px;line-height:1.45}.node textarea:focus{outline:none;border-color:var(--accent)}.fixedcode{flex:1;margin:0;background:#100e18;border:1px dashed #2a2540;border-radius:7px;padding:7px;font-family:var(--mono);font-size:12px;color:var(--dim);white-space:pre-wrap;overflow:auto}.node.blk-ok{border-color:#2f6b45}.node.blk-read{border-color:var(--read);box-shadow:0 0 0 2px #e0b24f40}.node.blk-write{border-color:var(--write);box-shadow:0 0 0 2px #e05a6f4d}.node.blk-halt{border-color:#3a3450;opacity:.85}.blktag{font-size:11px;letter-spacing:.3px}.node.blk-read .blktag{color:var(--read)}.node.blk-write .blktag{color:var(--write)}.node.blk-halt .blktag{color:var(--dim)}.node.blk-ok .blktag{color:var(--good)}.status{margin:10px 0;min-height:20px;font-size:14px;font-weight:600}.status.good{color:var(--good)}.status.bad{color:var(--bad)}.help{margin-top:18px;color:var(--dim);font-size:13px}.help summary{cursor:pointer;color:var(--accent)}.helpbody{padding:8px 2px;line-height:1.5}.helpbody code{font-family:var(--mono);background:#100e18;padding:1px 5px;border-radius:4px;color:var(--ink)}.helpbody ul{margin:6px 0;padding-left:18px}