*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh;display:flex;justify-content:center;padding:60px 20px}.app{width:100%;max-width:800px;display:flex;flex-direction:column;gap:32px}h1{font-size:2rem;font-weight:700;color:#fff}.subtitle{color:#94a3b8;font-size:1rem;margin-top:-24px}.controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:#cbd5e1}.controls input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}button{padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}button:hover{background:#4f46e5}button:disabled{opacity:.5;cursor:not-allowed}.chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.node{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border-radius:12px;border:2px solid #1e293b;background:#1e293b;min-width:110px;transition:all .3s ease}.node.idle{border-color:#334155}.node.success{border-color:#22c55e;background:#052e16}.node.failed{border-color:#ef4444;background:#2d0a0a}.node.stopped{border-color:#f59e0b;background:#1c1507}.node-name{font-weight:700;font-size:.9rem;color:#f1f5f9}.node-msg{font-size:.72rem;color:#94a3b8;text-align:center;line-height:1.3}.node.success .node-msg{color:#86efac}.node.failed .node-msg{color:#fca5a5}.node.stopped .node-msg{color:#fcd34d}.arrow{font-size:1.4rem;color:#475569;transition:color .3s;-webkit-user-select:none;user-select:none}.arrow.blocked{color:#1e293b}.result{padding:16px 20px;background:#1e293b;border-left:4px solid #6366f1;border-radius:8px;font-size:.95rem;color:#e2e8f0}