:root{font-family:Inter,Microsoft YaHei,Arial,sans-serif;color:#172033;background:#eef2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px}button{font-family:inherit}.x6-advanced-canvas{display:flex;flex-direction:column;width:100%;height:100vh;background:#fafaf9}.x6-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.toolbar-group{display:flex;gap:.5rem;padding:0 .5rem;border-right:1px solid #e5e5e5}.toolbar-group:last-of-type{border-right:none}.x6-toolbar button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#0a0a0a;background:#fff;border:1px solid #d4d4d8;border-radius:6px;cursor:pointer;transition:all .15s ease}.x6-toolbar button:hover{background:#f4f4f5;border-color:#a1a1aa}.x6-toolbar button:active{background:#e4e4e7;transform:translateY(1px)}.toolbar-status{margin-left:auto;display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#52525b}.connecting-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#dcfce7;color:#166534;border-radius:999px;font-weight:500}.connecting-indicator:before{content:"";display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.x6-canvas-container{flex:1;position:relative;overflow:hidden}.x6-shortcuts-help{position:absolute;bottom:1rem;right:1rem;z-index:1000}.x6-shortcuts-help details{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #0000001a;min-width:320px}.x6-shortcuts-help summary{cursor:pointer;font-weight:600;font-size:.875rem;color:#0a0a0a;-webkit-user-select:none;user-select:none;list-style:none;padding:.25rem 0}.x6-shortcuts-help summary::-webkit-details-marker{display:none}.x6-shortcuts-help summary:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform .2s;font-size:.75rem}.x6-shortcuts-help details[open] summary:before{transform:rotate(90deg)}.x6-shortcuts-help ul{margin:.75rem 0 0;padding:0;list-style:none}.x6-shortcuts-help li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:#52525b;border-bottom:1px solid #f4f4f5}.x6-shortcuts-help li:last-child{border-bottom:none}.x6-shortcuts-help kbd{display:inline-block;padding:.25rem .5rem;font-family:Consolas,Monaco,monospace;font-size:.75rem;font-weight:600;color:#0a0a0a;background:#f4f4f5;border:1px solid #d4d4d8;border-radius:4px;box-shadow:0 1px 2px #0000000d;margin-left:.5rem}.x6-widget-selection-box{border:2px solid #3b82f6!important;background:#3b82f60d!important}.x6-widget-transform{border:2px dashed #3b82f6!important}.x6-widget-transform-resize{background:#3b82f6!important;border:2px solid #ffffff!important;width:10px!important;height:10px!important;border-radius:50%!important}.x6-widget-transform-rotate{background:#22c55e!important;border:2px solid #ffffff!important;width:10px!important;height:10px!important;border-radius:50%!important}.x6-edge-tool-vertices{fill:#3b82f6!important;stroke:#fff!important;stroke-width:2!important}.x6-port-body{transition:opacity .15s ease}.x6-widget-selection-rubberband{border:2px dashed #3b82f6!important;background:#3b82f61a!important}.x6-widget-snapline-vertical,.x6-widget-snapline-horizontal{stroke:#f59e0b!important;stroke-width:1.5!important;stroke-dasharray:5 5!important}.x6-node[data-is-group=true]{pointer-events:all}.x6-node[data-is-group=true] .body{cursor:move}.x6-node.child-highlighted .body{stroke:#3b82f6!important;stroke-width:2!important;stroke-dasharray:5 5!important}.available-magnet{fill:#22c55e!important;stroke:#fff!important;stroke-width:2!important}.x6-edge[data-shape=bezier] .x6-edge-path{stroke:#525252;stroke-width:2}.x6-node[data-shape=polygon] .body,.x6-node[data-shape=bezier-shape] .body{fill:#fff;stroke:#525252;stroke-width:2}@media (max-width: 768px){.x6-toolbar{flex-wrap:wrap;gap:.5rem}.toolbar-group{padding:0 .25rem}.x6-shortcuts-help{display:none}}.app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app h1{margin:0;padding:1rem;background:#18181b;color:#fafafa;font-size:1.25rem;font-weight:600}