:root{--axia-font-sans: system-ui, Avenir, Helvetica, Arial, sans-serif;--axia-line-height: 1.5;--axia-font-weight-normal: 400;--axia-font-weight-medium: 500;--axia-font-weight-bold: 700;--axia-text-xs: .75rem;--axia-text-sm: .85rem;--axia-text-base: .9rem;--axia-text-md: .95rem;--axia-text-lg: 1rem;--axia-color-primary: #0066cc;--axia-color-primary-light: #e6f2ff;--axia-color-primary-bg: #e3f2fd;--axia-color-primary-hover: #0055aa;--axia-color-text: #213547;--axia-color-text-heading: #333333;--axia-color-text-secondary: #555555;--axia-color-text-muted: #666666;--axia-color-text-placeholder: #999999;--axia-color-text-dark: #444444;--axia-color-text-on-primary: #ffffff;--axia-color-bg: #ffffff;--axia-color-bg-alt: #f5f5f5;--axia-color-bg-subtle: #f9f9f9;--axia-color-bg-muted: #f0f0f0;--axia-color-bg-hover: #fafafa;--axia-color-bg-input: #ffffff;--axia-color-border: #cccccc;--axia-color-border-light: #dddddd;--axia-color-border-lighter: #eeeeee;--axia-color-border-dark: #999999;--axia-color-border-strong: #888888;--axia-color-success: #2e7d32;--axia-color-success-dark: #1b5e20;--axia-color-success-bg: #e8f5e9;--axia-color-success-btn: #28a745;--axia-color-error: #c62828;--axia-color-error-dark: #b71c1c;--axia-color-error-bg: #ffebee;--axia-color-error-input: #ffcdd2;--axia-color-error-btn: #dc3545;--axia-color-error-text: #d32f2f;--axia-color-warning: #ed7d0c;--axia-color-warning-dark: #e65100;--axia-color-warning-bg: #ffe6cc;--axia-color-warning-bg-light: #fff3e0;--axia-color-warning-amber: #ffecb3;--axia-color-info: #37474f;--axia-color-info-dark: #455a64;--axia-color-accent-blue: #87CEEB;--axia-color-accent-blue-light: #bbdefb;--axia-color-accent-blue-medium: #64b5f6;--axia-color-accent-blue-soft: #f0f8ff;--axia-color-accent-green: #00aa00;--axia-color-accent-red: #cc0000;--axia-color-accent-magenta: #cc0066;--axia-color-accent-orange: #cc6600;--axia-color-accent-purple: #9900cc;--axia-color-link: #646cff;--axia-color-link-hover: #535bf2;--axia-color-splitter: #dddddd;--axia-color-splitter-hover: #bbbbbb;--axia-color-disabled: #cccccc;--axia-space-xs: .25rem;--axia-space-sm: .5rem;--axia-space-md: 1rem;--axia-space-lg: 1.5rem;--axia-space-xl: 2rem;--axia-radius-sm: 3px;--axia-radius-md: 6px;--axia-radius-lg: 8px;--axia-z-dropdown: 1000;--axia-z-popover: 2000;--axia-z-modal-overlay: 9999;--axia-z-toast: 10000;--axia-diagram-box-fill: #ffffff;--axia-diagram-box-fill-dragging: #f0f0f0;--axia-diagram-box-fill-selected: #e3f2fd;--axia-diagram-box-stroke: #000000;--axia-diagram-box-stroke-selected: #0066cc;--axia-diagram-box-text: #000000;--axia-diagram-box-text-secondary: #666666;--axia-diagram-tag-fill: #ffffff;--axia-diagram-tag-fill-highlight: #e8f5e9;--axia-diagram-tag-fill-cable: #f0f8ff;--axia-diagram-tag-fill-unnumbered: #ffecb3;--axia-diagram-tag-text: #000000;--axia-diagram-tag-text-highlight: #006600;--axia-diagram-canvas-bg: #ffffff;--axia-diagram-container-bg: #f0f0f0;--axia-table-header-bg: #f5f5f5;--axia-table-header-border: #cccccc;--axia-table-row-border: #eeeeee;--axia-table-cell-border: #dddddd;--axia-table-row-selected-bg: #e8f5e9;--axia-table-row-invalid-bg: #ffebee;--axia-table-row-mixed-bg: #ffdddd;--axia-table-pending-bg: #fafafa}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body{width:100%;height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}.app{width:100%;height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.app h1{flex-shrink:0;margin:0;padding:0;color:#333;font-size:inherit}h1{color:#333;margin-bottom:2rem}.app-layout-splitter:hover{background-color:#bbb}.canvas-container{margin:2rem 0;display:flex;justify-content:center}.export-button{background-color:#4a90e2;color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s;margin:1rem 0}.export-button:hover{background-color:#357abd}.export-button:active{background-color:#2c5aa0}.info{margin-top:2rem;color:#666;font-size:14px}.info p{margin:.5rem 0}