:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.45;color:#e8e8f0;background:#0f0f1a;--bg: #0f0f1a;--panel: #121224;--card: #16162a;--border: #2a2a48;--accent: #3d5afe;--danger: #c62828;--muted: #8888aa;--radius: 10px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}button,input,select,textarea{font:inherit;font-size:16px}button{cursor:pointer;border:1px solid var(--border);background:#1e1e32;color:#e8e8f0;padding:10px 14px;border-radius:8px;min-height:44px}button:hover{background:#2a2a48}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover{background:#536dfe}button.danger{background:var(--danger);border-color:var(--danger)}button.ghost{background:transparent}input,select,textarea{background:#16162a;border:1px solid var(--border);color:#e8e8f0;padding:10px 12px;border-radius:8px;width:100%;min-height:44px}textarea{min-height:88px;resize:vertical}.app{display:flex;flex-direction:column;min-height:100dvh}.header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:#141428;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header h1{font-size:16px;margin:0;white-space:nowrap}.header input.title{flex:1;min-width:120px;max-width:200px}.header .id-input{max-width:120px}.header-actions{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.tabs{display:flex;border-bottom:1px solid var(--border);background:#141428;position:sticky;top:57px;z-index:15}.tabs button{flex:1;border:none;border-radius:0;background:transparent;border-bottom:2px solid transparent;color:var(--muted);min-height:48px}.tabs button.active{color:#fff;border-bottom-color:var(--accent);background:#1a1a30}.content{flex:1;overflow:auto;padding:12px;padding-bottom:calc(16px + var(--safe-bottom))}.panel{display:none}.panel.active{display:block}.node-list{list-style:none;padding:0;margin:0}.node-list li{padding:12px;border-radius:var(--radius);margin-bottom:8px;cursor:pointer;border:1px solid transparent;background:var(--card)}.node-list li:hover{background:#1c1c34}.node-list li.active{background:#1e2a5a;border-color:var(--accent)}.node-list .label{font-weight:600;font-size:15px}.node-list .id{font-size:12px;color:var(--muted);margin-top:2px}.node-list .actions{margin-top:8px}.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.step-types{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;width:100%}.step-types button{flex:0 0 auto;font-size:13px;padding:8px 12px;min-height:40px;white-space:nowrap}.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:12px}.step-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;font-size:13px;color:#a0a0c0}.step-card header .btns{display:flex;gap:4px}.step-card header .btns button{min-height:36px;padding:6px 10px}.field{margin-bottom:10px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.row{display:flex;flex-direction:column;gap:8px}.badge{display:inline-block;font-size:11px;padding:3px 8px;border-radius:6px;background:#2a2a48;color:#c0c0e0}.empty{color:var(--muted);font-size:14px;padding:24px 12px;text-align:center}.connections ul{padding-left:18px;margin:8px 0}.connections li{margin-bottom:8px}@media(min-width:900px){.tabs{display:none}.app{display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:auto 1fr;height:100dvh}.header{grid-column:1 / -1;position:static}.sidebar,.inspector,.main{display:block!important;overflow:auto;padding:12px}.sidebar{background:var(--panel);border-right:1px solid var(--border)}.inspector{background:var(--panel);border-left:1px solid var(--border)}.main{background:var(--bg)}.content{display:contents;padding:0}.panel{display:block!important}.row{flex-direction:row}.row>*{flex:1}}