:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(124,247,194,.12),transparent 35%),radial-gradient(circle at right,rgba(126,168,255,.14),transparent 30%),linear-gradient(180deg,#070b17,#05070d);color:#eef3ff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;border-radius:14px;padding:10px 14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);border-color:#ffffff3d;background:#ffffff17}button:disabled{opacity:.4;cursor:not-allowed;transform:none}input,textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#090c16b8;color:#eef3ff;padding:11px 12px;resize:vertical}textarea{line-height:1.45}.app-shell{height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#080a12b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}h1,h2,h3,h4,p,ul{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#8ea1c8;margin-bottom:4px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px}button.quiet{color:#a3b1d2}.layout{min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 360px}.panel{min-height:0;padding:18px;overflow:auto}.panel.left,.panel.right{background:#080b1494}.panel.left{border-right:1px solid rgba(255,255,255,.06)}.panel.right{border-left:1px solid rgba(255,255,255,.06)}.metric-card,.inspector-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-radius:18px;padding:16px;margin-bottom:12px}.metric-card strong{display:block;font-size:26px;margin-top:4px}.metric-card.accent{border-color:#7cf7c23d;box-shadow:0 0 0 1px #7cf7c214 inset}.field{display:block;color:#aab8d8;font-size:13px;margin-top:10px}.field input,.field textarea{margin-top:6px}.thread-list{display:grid;gap:8px;margin-top:10px}.thread-chip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:12px}.thread-chip.selected{border-color:#7cf7c24d}.thread-chip small{display:block;color:#93a2c4;margin-top:4px}.dot{width:10px;height:10px;border-radius:999px}.canvas-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.canvas-toolbar{display:flex;justify-content:space-between;padding:12px 16px;font-size:13px;color:#9cadcf;background:#080a1280;border-bottom:1px solid rgba(255,255,255,.06)}.fabric-canvas{position:relative;overflow:auto;background:radial-gradient(circle at 20% 20%,rgba(124,247,194,.06),transparent 18%),radial-gradient(circle at 70% 40%,rgba(126,168,255,.08),transparent 20%),linear-gradient(135deg,#ffffff05,#ffffff03)}.fabric-canvas.overlay{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(124,247,194,.06),transparent 18%),radial-gradient(circle at 70% 40%,rgba(126,168,255,.08),transparent 20%),linear-gradient(135deg,#ffffff05,#ffffff03);background-size:48px 48px,48px 48px,auto,auto,auto}.fabric-stage{position:relative;min-height:100%}.edges-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rope,.rope-shadow,.link-line{fill:none;stroke-linecap:round}.rope-shadow{stroke:#181f30eb;stroke-width:8;filter:blur(.5px)}.rope{stroke:#d2dfff6b;stroke-width:3.4;stroke-dasharray:2 10;filter:drop-shadow(0 0 8px rgba(127,156,255,.16))}.rope.active{stroke:#7cf7c294}.link-line{stroke:#8db0ffe0;stroke-width:2.5}.knot{fill:#d8e4ff;stroke:#080a12cc;stroke-width:2}.thread-lane{position:absolute}.title-node-wrap{position:absolute;left:0;width:232px}.title-node{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#101422e6,#0b0f1ad1);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0a;padding:10px}.title-node-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.title-node input{font-size:16px;font-weight:700;border:0;background:transparent;padding:0;outline:none;box-shadow:none}.info-button{width:28px;height:28px;border-radius:999px;padding:0;display:grid;place-items:center;background:#ffffff0f}.thread-popout{margin-top:10px;padding:12px 13px;border-radius:16px;background:#090c16f0;border:1px solid rgba(124,247,194,.18);color:#cfd9f6;font-size:13px;line-height:1.45;box-shadow:0 18px 45px #0000005c}.chat-node{position:absolute;width:232px;height:92px;text-align:left;padding:11px 12px 10px;background:linear-gradient(180deg,#0e121ef2,#080b14db);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0a}.chat-node.selected{border-color:#7cf7c257;box-shadow:0 0 0 1px #7cf7c224,0 18px 50px #0000006b}.chat-node strong{display:block;margin-top:6px;color:#edf2ff;line-height:1.3}.chat-node small{display:block;margin-top:8px;color:#93a2c4}.exchange-head,.chat-card-top,.meta-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.exchange-head,.chat-card-top{color:#93a2c4;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.confidence{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.confidence.low{color:#ffb4b4}.confidence.medium{color:#ffd58b}.confidence.high{color:#9bf4cd}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;max-width:520px;margin:0 auto;color:#c2cee9}.empty-state h2{font-size:30px}.chat-panel{display:grid;gap:10px;margin-bottom:12px}.bubble{border-radius:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.bubble strong{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#93a2c4;margin-bottom:4px}.bubble.user{background:#7cf7c20f}.bubble.assistant{background:#7ea8ff0f}.muted,.inspector-card p,.inspector-card li{color:#94a3c8}.error{color:#ffb4b4;margin-bottom:10px}.settings-card{border-color:#7ea8ff29}.inspector-card ul{padding-left:18px;margin-top:8px}.inspector-card textarea{margin:10px 0 12px}@media(max-width:1280px){.layout{grid-template-columns:280px minmax(0,1fr)}.panel.right{display:none}}@media(max-width:900px){.layout{grid-template-columns:1fr}.panel.left{display:none}}