*{box-sizing:border-box}:root{--bg: #0b0d10;--panel: #11151a;--muted: #7b8591;--text: #e6edf3;--accent: #6cb2ff;--accent-2: #74e39a;--link: #94a3b8;--toolbar-bg: rgba(17, 21, 26, .95);--toolbar-bg-end: rgba(17, 21, 26, .7);--toolbar-border: #1f2937;--button-bg: #1b2330;--button-border: #263244;--button-hover: #232e40;--block-border: #263244;--block-shadow: rgba(0, 0, 0, .3);--title-border: #1f2937;--delete-bg: #2a3446;--delete-color: #ff8a8a;--delete-border: #3b4a63;--delete-hover-bg: #3a4862;--delete-hover-border: #5a728f;--attr-focus-bg: #1a2433;--remove-border: #2b3a50;--remove-hover-color: #ff7b7b;--remove-hover-border: #513036;--handle-bg: #74e39a;--handle-border: #19331f}[data-theme=light]{--bg: #ffffff;--panel: #f8f9fa;--muted: #6c757d;--text: #212529;--accent: #0d6efd;--accent-2: #198754;--link: #6c757d;--toolbar-bg: rgba(248, 249, 250, .95);--toolbar-bg-end: rgba(248, 249, 250, .7);--toolbar-border: #dee2e6;--button-bg: #ffffff;--button-border: #ced4da;--button-hover: #e9ecef;--block-border: #ced4da;--block-shadow: rgba(0, 0, 0, .1);--title-border: #dee2e6;--delete-bg: #f8f9fa;--delete-color: #dc3545;--delete-border: #ced4da;--delete-hover-bg: #e9ecef;--delete-hover-border: #adb5bd;--attr-focus-bg: #f1f3f4;--remove-border: #ced4da;--remove-hover-color: #dc3545;--remove-hover-border: #ffc107;--handle-bg: #198754;--handle-border: #ffffff}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;transition:background-color .3s ease,color .3s ease}.toolbar{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(180deg,var(--toolbar-bg),var(--toolbar-bg-end));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--toolbar-border);z-index:3}.toolbar button,.toolbar .btn{background:var(--button-bg);color:var(--text);border:1px solid var(--button-border);border-radius:8px;padding:6px 10px;margin-right:8px;cursor:pointer;display:inline-flex;align-items:center;transition:background-color .2s ease}.toolbar button:hover{background:var(--button-hover)}.toolbar .hint{color:var(--muted);font-size:12px}.wrapper{position:absolute;top:48px;right:0;bottom:0;left:0;overflow:hidden}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.links{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.link{stroke:var(--accent-2);stroke-width:2;fill:none;opacity:.9}.link-delete-btn{fill:var(--delete-bg);stroke:var(--delete-border);stroke-width:1;cursor:pointer;pointer-events:all!important;opacity:0;transition:opacity .2s ease}.link-delete-text{fill:var(--delete-color);font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:central;cursor:pointer;pointer-events:all!important;opacity:0;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.links:hover .link-delete-btn,.links:hover .link-delete-text{opacity:1}.link-delete-btn:hover{fill:var(--delete-hover-bg)}.handle{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--handle-bg);border:2px solid var(--handle-border);right:-6px;top:14px;cursor:crosshair;transition:background-color .2s ease}.block .attr{padding-right:18px}.block{position:absolute;width:220px;background:var(--panel);border:1px solid var(--block-border);border-radius:10px;box-shadow:0 10px 30px var(--block-shadow);transition:background-color .3s ease,border-color .3s ease}.block .title{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--title-border);cursor:grab}.block .title input{background:transparent;border:none;color:var(--text);font-weight:600;outline:none;width:100%}.block .title .delete{background:var(--delete-bg);color:var(--delete-color);border:1px solid var(--delete-border);border-radius:6px;padding:2px 6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.block .title .delete:hover{background:var(--delete-hover-bg);border-color:var(--delete-hover-border)}.block .attrs{padding:8px}.block .attr{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;position:relative}.block .attr input{flex:1;background:transparent;border:none;color:var(--text);outline:none}.block .attr:focus-within{background:var(--attr-focus-bg)}.block .attr .remove{color:var(--muted);border:1px solid var(--remove-border);border-radius:6px;padding:2px 6px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.block .attr .remove:hover{color:var(--remove-hover-color);border-color:var(--remove-hover-border)}.theme-toggle{background:var(--button-bg);border:1px solid var(--button-border);border-radius:8px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:14px}.theme-toggle:hover{background:var(--button-hover)}