:root{--bg: #0b1020;--bg-grid: #16203c;--surface: #121a33;--surface-2: #1a2444;--line: #263355;--text: #e8ecf8;--text-dim: #97a3c4;--accent: #6366f1;--danger: #f43f5e;--radius: 10px;--node-slate: #64748b;--node-violet: #8b5cf6;--node-blue: #3b82f6;--node-teal: #14b8a6;--node-amber: #f59e0b;--node-rose: #f43f5e;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}kbd{font:inherit;font-size:.75em;padding:.1em .35em;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--surface-2);color:var(--text-dim)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.app{display:flex;flex-direction:column;height:100%}.app__body{position:relative;flex:1;min-height:0;display:flex}.brand{color:var(--accent);font-size:18px}.brand--lg{font-size:34px;display:block;margin-bottom:.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:var(--surface);flex:none}.topbar__left,.topbar__right{display:flex;align-items:center;gap:.5rem;min-width:0}.topbar__title{font:inherit;font-size:15px;font-weight:600;color:var(--text);background:transparent;border:1px solid transparent;border-radius:8px;padding:.3rem .5rem;min-width:8rem;max-width:26rem}.topbar__title:hover{border-color:var(--line)}.topbar__title:focus{outline:none;border-color:var(--accent);background:var(--bg)}.chip{font-size:12px;padding:.25rem .5rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.chip--quiet{cursor:pointer;font-family:ui-monospace,Menlo,monospace}.status{display:inline-flex;align-items:center;gap:.35rem;font-size:12px;color:var(--text-dim);white-space:nowrap}.status__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status--open{color:#34d399}.status--connecting,.status--reconnecting{color:#fbbf24}.status--failed{color:var(--danger)}.avatars{display:flex}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#0b1020;border:2px solid var(--surface);margin-left:-6px}.avatar--more,.avatar--self{background:var(--surface-2);color:var(--text-dim);margin-left:0}.btn{font:inherit;font-size:13px;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--text-dim)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn--danger{color:var(--danger)}.btn--danger:hover:not(:disabled){border-color:var(--danger)}.btn--on{border-color:var(--accent);color:#fff}.btn--lg{font-size:14px;padding:.55rem 1rem}.canvas{position:relative;flex:1;overflow:hidden;cursor:grab;touch-action:none;background-color:var(--bg);background-image:radial-gradient(var(--bg-grid) 1px,transparent 1px);background-size:26px 26px}.canvas:active{cursor:grabbing}.canvas__layer{position:absolute;inset:0;transform-origin:0 0}.canvas__edges{position:absolute;left:-20000px;top:-20000px;width:40000px;height:40000px;overflow:visible;pointer-events:none}.edge{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round}.node{position:absolute;min-width:92px;max-width:260px;padding:.5rem .7rem;border-radius:var(--radius);border:1px solid var(--line);border-left:3px solid var(--node-slate);background:var(--surface);color:var(--text);cursor:grab;user-select:none;box-shadow:0 1px 2px #00000059}.node:active{cursor:grabbing}.node--depth0{font-size:16px;font-weight:650;padding:.6rem .9rem}.node--depth1{font-weight:550}.node--slate{border-left-color:var(--node-slate)}.node--violet{border-left-color:var(--node-violet)}.node--blue{border-left-color:var(--node-blue)}.node--teal{border-left-color:var(--node-teal)}.node--amber{border-left-color:var(--node-amber)}.node--rose{border-left-color:var(--node-rose)}.node.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #6366f159}.node[data-watched=true]{box-shadow:0 0 0 2px var(--watcher)}.node__text{white-space:pre-wrap;overflow-wrap:anywhere}.node__empty{color:var(--text-dim)}.node__input{font:inherit;color:inherit;width:100%;min-width:8rem;background:transparent;border:0;outline:none;resize:none;overflow:hidden;padding:0;display:block}.node__toggle{position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);font-size:11px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}.node__toggle:hover{border-color:var(--accent);color:var(--text)}.node__watchers{position:absolute;top:-10px;right:6px;display:flex}.node__watcher{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#0b1020;border:2px solid var(--surface);margin-left:-5px}.cursor{position:absolute;transform-origin:0 0;pointer-events:none;z-index:5;display:flex;align-items:flex-start;gap:2px}.cursor__label{background:var(--peer, var(--accent));color:#0b1020;font-size:11px;font-weight:600;padding:.1rem .4rem;border-radius:4px;white-space:nowrap;margin-top:10px;box-shadow:0 1px 3px #00000073;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.inspector,.zoom{position:absolute;bottom:1rem;display:flex;align-items:center;gap:.4rem;padding:.4rem;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px)}.inspector{left:50%;transform:translate(-50%)}.zoom{right:1rem}.zoom__value{font-size:12px;color:var(--text-dim);min-width:3rem;text-align:center;font-variant-numeric:tabular-nums}.inspector__divider{width:1px;height:20px;background:var(--line)}.inspector__colors{display:flex;gap:.25rem}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.is-on{border-color:var(--text)}.swatch--slate{background:var(--node-slate)}.swatch--violet{background:var(--node-violet)}.swatch--blue{background:var(--node-blue)}.swatch--teal{background:var(--node-teal)}.swatch--amber{background:var(--node-amber)}.swatch--rose{background:var(--node-rose)}.hint{position:absolute;top:1rem;left:50%;transform:translate(-50%);margin:0;font-size:12px;color:var(--text-dim);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;pointer-events:none}.panel{flex:none;width:22rem;max-width:90vw;padding:1rem;border-left:1px solid var(--line);background:var(--surface);overflow-y:auto}.panel__title{margin:0 0 .5rem;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.panel__note{margin:0 0 1rem;color:var(--text-dim);font-size:13px}.panel__note--dim{opacity:.75}.panel__row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.panel__hint{color:var(--text-dim);font-size:12px}.field{display:block;margin-bottom:1rem}.field__label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:.3rem}.field__control{font:inherit;width:100%;padding:.45rem .5rem;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.facts{margin:0;border-top:1px solid var(--line);padding-top:.75rem;display:grid;gap:.5rem}.facts>div{display:flex;justify-content:space-between;gap:1rem}.facts dt{color:var(--text-dim);font-size:12px}.facts dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums}.splash{height:100%;display:grid;place-items:center;padding:1.5rem}.splash__card{text-align:center;max-width:26rem}.splash__card h1{margin:0 0 .5rem;font-size:22px}.splash__card p{color:var(--text-dim);margin:0 0 1.25rem}.toast{position:fixed;bottom:1rem;left:1rem;z-index:20;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 18%,var(--surface));font-size:13px}@media(max-width:640px){.topbar{flex-wrap:wrap}.panel{position:absolute;inset:0 0 0 auto;width:100%}}.edge--slate{stroke:color-mix(in srgb,var(--node-slate) 60%,var(--line))}.edge--violet{stroke:color-mix(in srgb,var(--node-violet) 55%,var(--line))}.edge--blue{stroke:color-mix(in srgb,var(--node-blue) 55%,var(--line))}.edge--teal{stroke:color-mix(in srgb,var(--node-teal) 55%,var(--line))}.edge--amber{stroke:color-mix(in srgb,var(--node-amber) 55%,var(--line))}.edge--rose{stroke:color-mix(in srgb,var(--node-rose) 55%,var(--line))}.chip--offline{border-color:#f59e0b;color:#fbbf24;background:color-mix(in srgb,#f59e0b 14%,var(--surface-2))}.splash__card--wide{max-width:34rem;text-align:left}.caps{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}.caps li{display:flex;gap:.6rem;align-items:flex-start;font-size:13px}.caps__mark{flex:none;width:1.1rem;font-weight:700}.caps__ok .caps__mark{color:#34d399}.caps__bad .caps__mark{color:var(--danger)}.caps strong{display:block}.caps em{color:var(--text-dim);font-style:normal}