:root{color-scheme:dark;--bg: #0d1117;--panel: #11161d;--border: #22293a;--text: #e6e9ef;--dim: #8b93a7;--accent: #5b8cff;--error: #ff6b6b;--warning: #e8b339;font-family:-apple-system,Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}#app{display:grid;grid-template-rows:48px minmax(0,1fr) auto auto auto;grid-template-columns:1fr;height:100vh}header{display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);font-weight:600}header .tag{font-weight:400;color:var(--dim);font-size:13px}main{display:grid;grid-template-columns:1fr 300px;min-height:0}#canvas-wrapper,#properties-pane{min-height:0;overflow:auto;border-right:1px solid var(--border)}#properties-pane{border-right:none}#canvas-wrapper{display:flex;flex-direction:column}#toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--panel);flex:0 0 auto}#toolbar button{background:#1a2130;border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;line-height:1.35;cursor:pointer}#toolbar button:hover{border-color:var(--accent)}#toolbar button.active{border-color:#5fd08a;color:#5fd08a}#toolbar select{background:#1a2130;border:1px solid var(--border);color:var(--text);padding:4px 6px;border-radius:4px;font-size:12px}#toolbar input[type=search]{background:#1a2130;border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;width:180px}#toolbar select:disabled{opacity:.5}#canvas-pane{flex:1 1 auto;overflow:auto;background:linear-gradient(var(--border) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--border) 1px,transparent 1px) 0 0 / 24px 24px;background-color:#0a0e14}#properties-pane{padding:14px;font-size:13px}#properties-pane h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin:0 0 10px}#properties-pane .field{margin-bottom:12px}#properties-pane label{display:block;font-size:11px;color:var(--dim);margin-bottom:4px}#properties-pane input,#properties-pane textarea{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:4px;font:inherit}#properties-pane .empty{color:var(--dim);font-size:12px}#properties-pane .prop-row{display:flex;gap:6px;margin-bottom:6px}#properties-pane .prop-row input{flex:1}#properties-pane .danger{background:#2a1414;border-color:#5c2626;color:var(--error)}#status{border-top:1px solid var(--border);max-height:104px;padding:10px 16px;overflow:auto;font:12px/1.6 Consolas,monospace}#ai-bar{display:flex;gap:8px;align-items:center;padding:10px 16px;border-top:1px solid var(--border);background:var(--panel)}#ai-instruction{flex:1;background:#1a2130;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:4px;font-size:13px}#ai-bar button{background:var(--accent);border:none;color:#fff;padding:8px 16px;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap}#ai-bar button:disabled{opacity:.5;cursor:default}#ai-preview{border-top:1px solid var(--border);background:#0f1420;padding:12px 16px;max-height:220px;overflow:auto}#ai-preview .patch-description{font-weight:600;margin-bottom:8px}#ai-preview .patch-op{font:12px/1.6 Consolas,monospace;color:var(--dim);padding:2px 0}#ai-preview .patch-actions{margin-top:10px;display:flex;gap:8px}#ai-preview button.approve{background:#2a5f3f;border:1px solid #3f8a5c;color:#d4f5e0;padding:6px 14px;border-radius:4px;cursor:pointer}#ai-preview button.reject{background:#2a1414;border:1px solid #5c2626;color:var(--error);padding:6px 14px;border-radius:4px;cursor:pointer}#status .ok{color:#5fd08a}#status .error{color:var(--error)}#status .warning{color:var(--warning)}.node{stroke-width:1.5;stroke-linejoin:round}.node-group{cursor:grab}.node-selected{stroke:#ffb454;stroke-width:2.5}.node-connecting{stroke:#5fd08a;stroke-width:2.5;stroke-dasharray:4 3}.node-label{font:600 12px -apple-system,sans-serif}.node-type{font:10px -apple-system,sans-serif}.edge{stroke:#8a93a8;stroke-width:1.4;fill:none}.edge-selected{stroke:#ffb454;stroke-width:2.2}.edge-hit{stroke:transparent;stroke-width:12;fill:none;cursor:pointer}.bend-grip{fill:#ffb454;stroke:#0a0e14;stroke-width:1.5;cursor:move}.bend-ghost{fill:#0a0e14;stroke:#ffb454;stroke-width:1.4;opacity:.55;cursor:copy}.bend-ghost:hover{opacity:1}.edge-label{fill:#8b93a7;font:10px -apple-system,sans-serif;paint-order:stroke;stroke:#0a0e14;stroke-width:3}.node-icon{fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.tool-sep{width:1px;align-self:stretch;margin:0 2px;background:var(--border)}.tool-group{display:inline-flex;align-items:center;gap:3px}.tool-group.is-off{opacity:.35;pointer-events:none}#toolbar .tool-group button{min-width:24px;padding:3px 5px;font-size:13px;line-height:1.2}#toolbar button:disabled{opacity:.35;cursor:default}#toolbar input[type=color]{width:26px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:#1a2130;cursor:pointer}.zoom-label{font-size:11px;color:var(--dim);min-width:36px;text-align:center}.snap-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--dim);cursor:pointer}.resize-handle{fill:#ffb454;stroke:#0d1117;stroke-width:1.5}.handle-nw,.handle-se{cursor:nwse-resize}.handle-ne,.handle-sw{cursor:nesw-resize}.handle-n,.handle-s{cursor:ns-resize}.handle-e,.handle-w{cursor:ew-resize}.node-group.is-locked{cursor:not-allowed}.node-locked{stroke-dasharray:6 3}.node-lock{font-size:11px;pointer-events:none}.inline-rename-input{width:100%;box-sizing:border-box;background:#0d1117;border:1px solid #ffb454;border-radius:3px;color:var(--text);font:600 12px -apple-system,sans-serif;padding:3px 5px;outline:none}.marquee{fill:#5b8cff1f;stroke:var(--accent);stroke-width:1;stroke-dasharray:4 3}