:root{--stone: #e6e8e3;--marble: #f5f6f3;--rule: #c5cabf;--rule-soft: #d9ddd4;--ink: #161a15;--ink-soft: #5b6259;--ink-faint: #8d948a;--verdigris: #3f7a66;--verdigris-soft: rgba(63, 122, 102, .14);--gold: #b8901f;--minium: #ac3e2c;--well: #101310;--well-rule: #262d24;--well-soft: #7c8a7a;--phosphor: #a3d9bb;--display: "Spectral", Georgia, serif;--ui: "Archivo", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--stone);color:var(--ink);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--verdigris);outline-offset:2px}.label{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.action{padding:7px 13px;border:1px solid var(--rule);border-radius:2px;background:var(--marble);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:background .12s ease,border-color .12s ease}.action:hover:not(:disabled){border-color:var(--ink-soft)}.action:disabled{opacity:.4;cursor:not-allowed}.action[data-tone=primary]{background:var(--verdigris);border-color:var(--verdigris);color:var(--marble)}.action[data-tone=primary]:hover:not(:disabled){background:#35664f;border-color:#35664f}.shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.shell:has(.setup){grid-template-rows:auto auto minmax(0,1fr) auto}.setup{padding:11px 22px 13px;background:#b8901f1f;border-bottom:1px solid rgba(184,144,31,.45)}.setup .label{color:#7a5f10}.setup ul{margin:6px 0 0;padding-left:17px;font-family:var(--mono);font-size:12px;line-height:1.6;color:#6b5410}.topbar{display:flex;align-items:center;gap:34px;padding:13px 22px;background:var(--marble);border-bottom:1px solid var(--rule)}.topbar-mark{display:flex;align-items:baseline;gap:10px}.topbar-name{font-family:var(--display);font-size:21px;font-weight:600}.topbar-sub{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.topbar-stats{display:flex;gap:26px;margin:0 0 0 auto}.topbar-stats>div{display:flex;flex-direction:column;gap:3px}.topbar-stats dd{margin:0;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.topbar-stats dd[data-live=false]{color:var(--minium)}.body{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}.stage{min-width:0;overflow:auto;background-image:linear-gradient(var(--rule-soft) 1px,transparent 1px),linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}.web{min-width:min-content;min-height:100%}.web-canvas{position:relative}.web-empty{display:grid;place-items:center;height:100%;color:var(--ink-faint)}.web-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.edge{fill:none;stroke:var(--ink-faint);stroke-width:1.5;stroke-linejoin:miter}.edge-current{fill:none;stroke:var(--verdigris);stroke-width:2.5;stroke-linejoin:miter;stroke-dasharray:6 12;animation:travel .9s linear infinite}@keyframes travel{to{stroke-dashoffset:-16}}.node{position:absolute;display:flex;flex-direction:column;gap:8px;z-index:1;padding:12px 14px 11px 16px;border:1px solid var(--rule);border-left:3px solid var(--ink-faint);border-radius:2px;background:var(--marble);text-align:left;box-shadow:0 1px 2px #161a150d;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.node:hover{transform:translateY(-1px);box-shadow:0 3px 8px #161a1517}.node[data-selected=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.node[data-phase=ready],.node[data-phase=working]{border-left-color:var(--verdigris)}.node[data-phase=starting],.node[data-phase=warming],.node[data-phase=snapshotting]{border-left-color:var(--gold)}.node[data-phase=faulted]{border-left-color:var(--minium)}.node[data-phase=dormant]{background:transparent;border-style:dashed}.node[data-phase=dormant] .node-name{color:var(--ink-soft)}.node[data-doing=true]{background:var(--verdigris-soft)}.node-head{display:flex;align-items:center;gap:7px}.node-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);flex:none}.node[data-phase=ready] .node-dot{background:var(--verdigris)}.node[data-phase=faulted] .node-dot{background:var(--minium)}.node[data-phase=working] .node-dot,.node[data-phase=starting] .node-dot,.node[data-phase=warming] .node-dot,.node[data-phase=snapshotting] .node-dot{background:var(--gold);animation:breathe 1.5s ease-in-out infinite}.node[data-phase=working] .node-dot{background:var(--verdigris)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.3}}.node-name{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-phase{margin-left:auto;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);flex:none}.node-role{height:32px;font-size:11.5px;line-height:16px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--rule-soft)}.node-stat{display:flex;flex-direction:column;gap:1px}.node-stat-key{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.node-stat-value{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}.node-foot{font-size:11px;min-height:14px}.node-doing{color:var(--verdigris);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.node-countdown{color:var(--gold);font-family:var(--mono);font-size:11px}.node-quiet{color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.rail{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--marble);border-left:1px solid var(--rule)}.rail-head{padding:16px 18px 12px;border-bottom:1px solid var(--rule-soft)}.rail-name{margin:0;font-family:var(--display);font-size:19px;font-weight:600}.rail-role{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--ink-soft)}.rail-fault{margin:0;padding:9px 18px;background:#ac3e2c1a;color:#7d2c1f;font-family:var(--mono);font-size:11px}.rail-section{padding:14px 18px;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:9px}.rail-quiet{margin:0;font-size:12px;color:var(--ink-faint)}.facts{display:grid;grid-template-columns:74px 1fr;gap:5px 10px;margin:0}.facts dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px}.facts dd{margin:0;font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snaps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.snap{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px}.snap-id{color:var(--ink)}.snap-meta{color:var(--ink-faint)}.snap-drop{margin-left:auto;border:0;background:none;color:var(--ink-faint);font-size:14px;line-height:1;padding:0 2px}.snap-drop:hover{color:var(--minium)}.rail-files{flex:1;min-height:0}.file-tree{max-height:210px;overflow-y:auto}.file{display:flex;align-items:center;gap:7px;width:100%;padding:3px 6px;border:0;border-radius:2px;background:none;text-align:left;font-family:var(--mono);font-size:12px;color:var(--ink)}.file:hover{background:var(--stone)}.file-glyph{width:10px;color:var(--ink-faint);flex:none}.file[data-kind=directory] .file-glyph{color:var(--verdigris)}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{margin-left:auto;color:var(--ink-faint);font-size:11px;flex:none}.file-children{margin-left:10px;border-left:1px solid var(--rule-soft);padding-left:5px}.drop{padding:14px 12px;border:1px dashed var(--rule);border-radius:2px;text-align:center;color:var(--ink-faint);font-size:11px;line-height:1.45;transition:border-color .12s ease,background .12s ease}.drop[data-over=true]{border-color:var(--verdigris);border-style:solid;background:var(--verdigris-soft);color:var(--ink)}.rail-actions{display:flex;gap:8px;padding:14px 18px}.console{display:flex;flex-direction:column;min-height:0;height:288px;background:var(--well);border-top:1px solid var(--ink);color:var(--phosphor)}.console-head{display:flex;align-items:center;gap:14px;padding:8px 22px;border-bottom:1px solid var(--well-rule)}.console-head .label{color:var(--well-soft)}.console-count{margin-right:6px}.console-tabs{display:flex;gap:4px;margin-left:auto;overflow-x:auto}.console-tab{padding:3px 9px;border:1px solid transparent;border-radius:2px;background:none;color:var(--well-soft);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.console-tab[data-on=true]{border-color:var(--well-rule);color:var(--phosphor)}.console-log{flex:1;min-height:0;overflow-y:auto;padding:11px 22px;font-family:var(--mono);font-size:12px;line-height:1.6}.console-empty{color:#4f5c4b;margin:0}.line{display:flex;gap:12px;white-space:pre-wrap;word-break:break-word}.line-time{color:#47533f;flex:none}.line-who{flex:none;width:132px;color:#6d7c6b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-text{color:#8fa38d}.line[data-source=agent] .line-text{color:#dde8da}.line[data-source=agent] .line-who{color:var(--phosphor)}.line[data-source=slack] .line-who,.line[data-source=slack] .line-text{color:#dcc06a}.line[data-source=spawn] .line-who,.line[data-source=spawn] .line-text{color:#86c8a6}.line[data-source=sandbox] .line-text{color:#a5b8a3}.send{display:flex;align-items:flex-end;gap:11px;padding:10px 22px;border-top:1px solid var(--well-rule)}.send:focus-within{background:#141812}.send-to{padding-bottom:9px;color:var(--phosphor);font-family:var(--mono);font-size:12px;letter-spacing:.04em;flex:none}.send-to:after{content:" ›";color:var(--well-soft)}.send-input{flex:1;min-height:36px;max-height:132px;padding:8px 0;border:0;background:none;color:#e7f0e5;font-family:var(--mono);font-size:13px;line-height:1.5;resize:none}.send-input::placeholder{color:#4f5c4b}.send-input:focus,.send-input:focus-visible{outline:none}.send-go{padding:7px 14px;border:1px solid var(--well-rule);border-radius:2px;background:#1a2018;color:var(--phosphor);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;flex:none}.send-go:hover:not(:disabled){background:#223026;border-color:var(--verdigris)}.send-go:disabled{opacity:.4;cursor:not-allowed}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#161a156b;z-index:10}.dialog{width:min(460px,calc(100vw - 40px));padding:22px;background:var(--marble);border:1px solid var(--ink);border-radius:2px;box-shadow:0 16px 40px #161a153d}.dialog-title{margin:0;font-family:var(--display);font-size:20px;font-weight:600}.dialog-note{margin:5px 0 18px;font-size:12px;color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.input{padding:8px 10px;border:1px solid var(--rule);border-radius:2px;background:var(--stone);color:var(--ink);font-family:var(--mono);font-size:13px}.input:focus{border-color:var(--verdigris);outline:none}.input-area{resize:vertical;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:1080px){.body{grid-template-columns:1fr;grid-template-rows:minmax(200px,1fr) auto}.rail{border-left:0;border-top:1px solid var(--rule);max-height:300px}.topbar{flex-wrap:wrap;gap:16px}.topbar-stats{margin-left:0;gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}