:root{--bg-0: #0b0d12;--bg-1: #12151d;--bg-2: #171b25;--bg-3: #1e2430;--bg-hover: #232a38;--line: #262d3b;--line-soft: #1c222d;--text-0: #e8ecf4;--text-1: #a8b1c4;--text-2: #6f7a90;--accent: #7c5cff;--accent-2: #00d3f5;--ok: #2ec27e;--warn: #f5a623;--danger: #ff5c5c;--radius: 10px;--radius-sm: 6px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text-0);font-family:var(--font);font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2b3341;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3a4457}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;background:linear-gradient(180deg,#14181f,#10131a);border-bottom:1px solid var(--line);flex:0 0 auto;z-index:20}.logo{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.4px;font-size:14px}.logo-mark{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:13px;box-shadow:0 0 16px #7c5cff66}.topbar .sep{width:1px;height:22px;background:var(--line);margin:0 4px}.spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text-0);cursor:pointer;font-size:12.5px;white-space:nowrap;transition:background .14s,border-color .14s,transform .08s;font-family:var(--font)}.btn:hover{background:var(--bg-hover);border-color:#354052}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),#6544ff);border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.12)}.btn.ghost{background:transparent}.btn.danger{border-color:#4a2730;color:#ff8b8b}.btn.danger:hover{background:#2a171c}.btn.sm{height:24px;padding:0 8px;font-size:12px}select,input,textarea{font-family:var(--font);font-size:12.5px;color:var(--text-0);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7c5cff2e}textarea{resize:vertical;line-height:1.55}input[type=range]{padding:0;height:20px;background:transparent;border:none}input[type=checkbox]{width:auto}label{display:block;font-size:11.5px;color:var(--text-1);margin-bottom:4px;letter-spacing:.2px}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:11px;background:var(--bg-3);border:1px solid var(--line);font-size:11.5px;color:var(--text-1);cursor:pointer;white-space:nowrap}.chip:hover{background:var(--bg-hover);color:var(--text-0)}.chip.active{background:#7c5cff2e;border-color:#7c5cff80;color:#cfc4ff}.main{display:flex;flex:1;min-height:0}.sidebar{width:250px;flex:0 0 250px;background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar.right{border-right:none;border-left:1px solid var(--line);width:336px;flex:0 0 336px}.panel-title{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 10px;font-size:11.5px;font-weight:700;letter-spacing:.6px;color:var(--text-2);text-transform:uppercase;border-bottom:1px solid var(--line-soft);flex:0 0 auto}.scroll-y{overflow-y:auto;flex:1;min-height:0}.palette-group{padding:8px 10px;border-bottom:1px solid var(--line-soft)}.palette-group .gt{font-size:11px;color:var(--text-2);margin-bottom:6px;letter-spacing:.5px}.palette-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);cursor:grab;border:1px solid transparent;margin-bottom:4px;background:var(--bg-2);transition:background .12s,border-color .12s}.palette-item:hover{background:var(--bg-hover);border-color:#333c4d}.palette-item .ico{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:13px;flex:0 0 auto}.palette-item .nm{font-size:12.5px;font-weight:600}.palette-item .ds{font-size:10.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-wrap{flex:1;position:relative;overflow:hidden;background:var(--bg-0);background-image:radial-gradient(circle at center,#1b202b 1px,transparent 1px);background-size:24px 24px}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.edges-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.edges-layer path{fill:none;stroke:#46536b;stroke-width:2;pointer-events:stroke;cursor:pointer;transition:stroke .15s}.edges-layer path:hover{stroke:var(--danger)}.edges-layer path.selected{stroke:var(--accent-2);stroke-width:2.6}.edges-layer path.flowing{stroke-dasharray:6 6;animation:flow .6s linear infinite}@keyframes flow{to{stroke-dashoffset:-12}}.node{position:absolute;background:linear-gradient(180deg,var(--bg-2),#141924);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px #00000059;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;transition:box-shadow .15s,border-color .15s}.node:hover{border-color:#3a455a}.node.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 34px #7c5cff38}.node.disabled{opacity:.45;filter:grayscale(.7)}.node.running{border-color:var(--accent-2);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #00d3f566}50%{box-shadow:0 0 0 6px #00d3f500}}.node.error{border-color:var(--danger)}.node-head{display:flex;align-items:center;gap:6px;padding:7px 9px;cursor:grab;border-bottom:1px solid var(--line-soft);background:#ffffff05;flex:0 0 auto;border-radius:9px 9px 0 0}.node-head:active{cursor:grabbing}.node-head .ico{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;flex:0 0 auto}.node-title{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.node-status{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.st-idle{background:#4a5568}.st-success{background:var(--ok);box-shadow:0 0 8px #2ec27eb3}.st-error{background:var(--danger);box-shadow:0 0 8px #ff5c5cb3}.st-running,.st-queued{background:var(--accent-2);box-shadow:0 0 8px #00d3f5b3;animation:blink 1s infinite}@keyframes blink{50%{opacity:.35}}.st-cancelled{background:var(--warn)}.node-body{flex:1;padding:8px 9px;min-height:0;overflow:hidden;font-size:11.5px;color:var(--text-1);line-height:1.5}.node-body .kv{display:flex;gap:6px;margin-bottom:3px}.node-body .kv .k{color:var(--text-2);flex:0 0 auto;min-width:46px}.node-body .kv .v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-body pre{margin:0;white-space:pre-wrap;font-family:var(--font);font-size:11.5px;color:var(--text-1);max-height:100%;overflow:hidden}.node-media{width:100%;height:100%;display:flex;gap:4px;flex-wrap:wrap;justify-content:center;align-content:flex-start;overflow:hidden}.node-media img,.node-media video{border-radius:6px;object-fit:cover;border:1px solid var(--line);background:#000;max-width:100%}.node-foot{display:flex;align-items:center;gap:4px;padding:5px 8px;border-top:1px solid var(--line-soft);background:#0000002e;flex:0 0 auto;border-radius:0 0 9px 9px}.node-foot .btn{height:21px;padding:0 7px;font-size:11px}.port{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--bg-3);border:2px solid #52607a;cursor:crosshair;z-index:3;transition:transform .1s,border-color .1s}.port:hover{transform:scale(1.35);border-color:var(--accent-2)}.port.out{border-color:#6b7ea3}.port-row{position:absolute;display:flex;align-items:center;gap:4px;font-size:9.5px;color:var(--text-2);pointer-events:none}.port-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.plabel{position:absolute;font-size:9.5px;color:var(--text-2);transform:translateY(-50%);white-space:nowrap}.node-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 46%,#4a5568 48%,#4a5568 52%,transparent 54%)}.selection-box{position:absolute;border:1px dashed var(--accent);background:#7c5cff17;pointer-events:none;z-index:5}.minimap{position:absolute;right:12px;bottom:12px;width:200px;height:130px;background:#0c0f15e6;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.minimap-vp{position:absolute;border:1px solid var(--accent-2);background:#00d3f512;cursor:move}.canvas-hud{position:absolute;left:12px;bottom:12px;display:flex;gap:6px;align-items:center;z-index:10}.hud-box{background:#0c0f15e0;border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 9px;font-size:11.5px;color:var(--text-1);display:flex;gap:8px;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.float-toolbar{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:10;flex-wrap:wrap;max-width:calc(100% - 260px)}.inspector{display:flex;flex-direction:column;height:100%}.sec{border-bottom:1px solid var(--line-soft);padding:10px}.sec h4{margin:0 0 8px;font-size:11px;color:var(--text-2);letter-spacing:.6px;text-transform:uppercase}.field{margin-bottom:9px}.field-row{display:flex;gap:8px}.field-row>*{flex:1}.artifact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.artifact-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:#000;aspect-ratio:1}.artifact-item img,.artifact-item video{width:100%;height:100%;object-fit:cover}.artifact-item .ops{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:4px;align-items:flex-end;justify-content:center;padding:5px;opacity:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 60%);transition:opacity .15s}.artifact-item:hover .ops{opacity:1}.img-drop{border:1px dashed #3a4457;border-radius:var(--radius-sm);min-height:76px;display:grid;place-items:center;color:var(--text-2);cursor:pointer;overflow:hidden;position:relative;background:var(--bg-1)}.img-drop img{width:100%;height:100%;object-fit:cover}.img-drop:hover{border-color:var(--accent)}.console{height:148px;flex:0 0 auto;border-top:1px solid var(--line);background:var(--bg-1);display:flex;flex-direction:column}.console.collapsed{height:34px}.console-body{flex:1;overflow-y:auto;padding:6px 10px;font-family:var(--mono);font-size:11.5px;line-height:1.7}.log-line{display:flex;gap:8px}.log-line .t{color:var(--text-2);flex:0 0 auto}.log-line.error .m{color:#ff8b8b}.log-line.warn .m{color:var(--warn)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:24px}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);width:min(1080px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);flex:0 0 auto}.modal-head h3{margin:0;font-size:14.5px}.modal-body{flex:1;overflow-y:auto;padding:14px 16px;min-height:0}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:11px 16px;border-top:1px solid var(--line);flex:0 0 auto}.tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid var(--line);flex:0 0 auto}.tab{padding:7px 13px;font-size:12.5px;color:var(--text-1);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid transparent;border-bottom:none;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text-0);background:var(--bg-2)}.tab.active{color:var(--text-0);background:var(--bg-2);border-color:var(--line);font-weight:600}table.grid{width:100%;border-collapse:collapse;font-size:12.5px}table.grid th{text-align:left;color:var(--text-2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:7px 8px;border-bottom:1px solid var(--line)}table.grid td{padding:7px 8px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.grid tr:hover td{background:#ffffff05}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;margin-bottom:10px}.card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.muted{color:var(--text-2)}.tiny{font-size:11px}.mono{font-family:var(--mono);font-size:11.5px}.plugin-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);margin-bottom:8px}.kv-list{display:grid;grid-template-columns:92px 1fr;gap:5px 10px;font-size:12px}.kv-list .k{color:var(--text-2)}.assistant{display:flex;flex-direction:column;height:100%;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:12px;min-height:0}.msg{display:flex;gap:8px;margin-bottom:12px}.msg .avatar{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:12px;flex:0 0 auto;background:var(--bg-3)}.msg.assistant .avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.msg .bubble{background:var(--bg-2);border:1px solid var(--line);border-radius:4px 10px 10px;padding:8px 10px;font-size:12.5px;line-height:1.65;max-width:100%;white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:#7c5cff1f;border-color:#7c5cff59}.chat-input{border-top:1px solid var(--line);padding:10px;flex:0 0 auto}.assist-media{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.assist-media img,.assist-media video{width:84px;height:84px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:pointer}.assist-media img:hover{border-color:var(--accent)}.ctx-node{display:flex;gap:6px;align-items:center;padding:5px 7px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line);font-size:11.5px;margin-bottom:4px}.dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:9px}.lib-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-2);cursor:pointer;transition:border-color .14s,transform .1s}.lib-card:hover{border-color:var(--accent);transform:translateY(-2px)}.lib-thumb{height:82px;background:linear-gradient(135deg,#1c2230,#232b3a);display:grid;place-items:center;font-size:22px;position:relative;overflow:hidden}.lib-thumb img{width:100%;height:100%;object-fit:cover}.lib-meta{padding:7px 8px}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:10.5px;padding:1px 6px;border-radius:9px;background:var(--bg-3);color:var(--text-1);border:1px solid var(--line)}.progress{height:4px;background:var(--bg-3);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s}.empty{padding:30px 16px;text-align:center;color:var(--text-2);font-size:12.5px;line-height:1.8}.copy-box{background:#0d1017;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;font-family:var(--mono);font-size:11.5px;white-space:pre;overflow-x:auto;color:#b8c4d9;line-height:1.6}