:root{--default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;--color-primary-0: #FFFFFF;--color-primary-100: #DCE4FF;--color-primary-200: #BAC8FF;--color-primary-300: #98ABFF;--color-primary-400: #888BA8;--color-primary-500: #4322D4;--color-primary-600: #3D53DB;--color-primary-700: #2A3BB7;--color-primary-800: #1A2793;--color-primary-900: #20135A;--color-secondary-100: #EEEEF8;--color-secondary-400: #54577A;--color-secondary-500: #424242;--color-tertiary-400: #424242;--color-tertiary-500: #424242;--color-quaternary-400: #424242;--color-quaternary-500: #424242;--color-success-500: #0BCA6E;--color-information-500: #54A6FF;--border-radius-sm: 4px;--border-radius-md: 10px;--border-radius-lg: 16px;--toolbar-bg-color: var(--color-primary-0);--toolbar-bg-radius: var(--border-radius-md);--toolbar-font-color: var(--color-secondary-400);--toolbar-font-size: 16px;--toolbar-bg-options: #EEEFF8;--toolbar-text-color: #54577A;--toolbar-options-background: var(--color-secondary-100);--toolbar-options-radius: 6px;--toolbar-icon-font-color-default: var(--color-secondary-400);--toolbar-icon-large: 24px;--toolbar-icon-medium: 20px;--toolbar-icon-small: 16px;--toolbar-detached-bg-color: #F5F9FE;--toolbar-style-row-bg-color: #FFFFFF;--toolbar-border-color: #CCCCCC;--toolbar-divider-color: #DDDDDD;--toolbar-title-color: #333333;--toolbar-separator-color: lightgray;--toolbar-accent: var(--color-success-500);--toolbar-accent-soft: rgba(11, 202, 110, .1);--toolbar-accent-translucent: #0BCA6E99;--toolbar-danger-color: #A00040;--toolbar-remove-bg: rgba(84, 87, 122, .8);--toolbar-remove-fg: var(--color-primary-0);--toolbar-empty-border: #C7CAE0;--toolbar-empty-bg: #FAFBFF;--toolbar-empty-title-color: #2E3050;--toolbar-empty-subtitle-color: #8E92BC;--toolbar-carousel-hover-bg: #E0E0E0;--toolbar-carousel-track-tint: rgba(135, 206, 235, .1);--toolbar-active-selection-bg: #D0EBFF;--umlsync-ink: #000000;--umlsync-canvas-bg: #EEEEEE;--umlsync-surface-bg: #FFFFFF;--umlsync-text-muted: #666666;--umlsync-accent: #97F7A1;--umlsync-fill-info: #87CEEB;--umlsync-fill-warning: #F5B67A;--umlsync-fill-success: #BDE689;--umlsync-fill-caution: #E3E689;--umlsync-fill-datastore: yellow;--umlsync-fill-neutral: gray;--umlsync-note-bg: #FFFFAE;--umlsync-grid-bg: #ECF3EC;--umlsync-menu-bg: var(--color-primary-0);--umlsync-menu-border: #CCCCCC;--umlsync-menu-border-light: #DDDDDD;--umlsync-menu-cell-border: #999999;--umlsync-menu-hover-bg: #F0F0F0;--umlsync-menu-active-bg: #E0E0E0;--umlsync-align-cell-hover-border: #AAAAAA;--umlsync-shadow-sm: rgba(0, 0, 0, .1);--umlsync-shadow-md: rgba(0, 0, 0, .2)}@media (forced-colors: active){:root{--umlsync-ink: CanvasText;--umlsync-accent: Highlight;--umlsync-shadow-sm: transparent;--umlsync-shadow-md: transparent}}.umlsync-embedded-diagram{font-family:Verdana,Arial,sans-serif;font-size:11px;color:var(--umlsync-text-muted, #666666);line-height:1em;position:relative}a.editablefield{text-decoration:none;color:var(--umlsync-ink, black)}a.reference{float:left}.us-diagram{border:1px solid green;width:100%;height:100%;overflow:scroll;position:relative;background-color:var(--umlsync-canvas-bg, #EEEEEE);font-family:Verdana,Arial,sans-serif;font-size:14px}.us-sourcecode{border:1px solid green;width:100%;height:100%;overflow:scroll;position:relative;background-color:var(--umlsync-surface-bg, white);font-size:15px;font-family:Verdana,Arial,sans-serif}.us-sourcecode pre{margin:0}.us-canvas{border:0px solid grey;background-color:transparent;position:sticky;z-index:999999;pointer-events:none;left:0;top:0}.us-canvas-bg{z-index:0;pointer-events:none}.us-element-border{padding:2px;margin:0;border:0px solid var(--umlsync-accent, #97F7A1);position:absolute;width:150px;z-index:999}.us-class{padding:0;border:0px;margin:0;position:relative;height:100%;display:flex;flex-direction:column}.us-class div{margin:0;padding:0;border:1px solid var(--umlsync-ink, black);text-decoration:none;text-align:center}.us-class div.us-class-template{min-width:80px;max-width:250px;width:max-content;background-color:var(--umlsync-surface-bg, white);position:absolute;border:1px dashed var(--umlsync-ink, black);min-height:15px;bottom:calc(100% - 5px);left:70%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;box-sizing:border-box}.us-class-header{min-height:20px;height:auto;width:100%}.us-class-stereotype{height:30px;width:100%}.us-class div ul{padding:0;margin:2px;position:relative}.us-class div li{margin:0;padding:0;position:heritage;text-align:left;display:block}.us-class div li a{margin:0;padding:0;display:block;position:heritage;color:var(--umlsync-ink, black);text-decoration:none}.us-class div li em{background:var(--umlsync-fill-info, #87CEEB);display:none}.us-class-attributes{border:0px;width:100%;min-height:20px;overflow:hidden;position:relative}.us-class-operations{flex-grow:1}.us-instance-spec{border:0px;padding:5px;margin:0 auto;overflow:hidden;cursor:pointer;text-align:left}.us-instance-spec ul{border:0px;width:100%;list-style:none outside none}.us-class-operations{border:0px;width:100%;height:20px;overflow:hidden}.us-package{position:relative;width:100%;height:100%}.us-package.us-subsystem-package{display:flex;flex-direction:column}.us-package-tab{padding:0;position:relative;width:15%;height:20px;border:1px solid var(--umlsync-ink, black)}.us-subsystem-tab{padding:2px 4px;position:relative;min-width:20%;max-width:70%;width:fit-content;min-height:20px;max-height:60px;height:auto;border:1px solid var(--umlsync-ink, black);text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.2em;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.us-subsystem-tab .editablefield{display:block;width:100%;text-align:center;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2em;max-height:56px;overflow:hidden;box-sizing:border-box}.us-subsystem-body{padding:0;position:relative;width:100%;flex:1;min-height:0;border:1px solid var(--umlsync-ink, black);text-align:center;display:flex;box-sizing:border-box}.us-package-body{padding:0;position:absolute;top:15px;left:0;right:0;bottom:0;margin:0 auto;border:1px solid var(--umlsync-ink, black);text-align:center;display:flex}.us-package-body.us-package-align-left-top{justify-content:flex-start;align-items:flex-start}.us-package-body.us-package-align-left-center{justify-content:flex-start;align-items:center}.us-package-body.us-package-align-left-bottom{justify-content:flex-start;align-items:flex-end}.us-package-body.us-package-align-center-top{justify-content:center;align-items:flex-start}.us-package-body.us-package-align-center-center{justify-content:center;align-items:center}.us-package-body.us-package-align-center-bottom{justify-content:center;align-items:flex-end}.us-package-body.us-package-align-right-top{justify-content:flex-end;align-items:flex-start}.us-package-body.us-package-align-right-center{justify-content:flex-end;align-items:center}.us-package-body.us-package-align-right-bottom{justify-content:flex-end;align-items:flex-end}.us-alt-body{padding:0;position:relative;height:100%;box-sizing:border-box;border:2px solid var(--umlsync-ink, black);text-align:center}.us-alt-tab{padding:0;position:absolute;top:1px;left:1px;width:15%;min-width:100px;height:20px;border:1px solid var(--umlsync-ink, black);text-align:center;background-color:var(--umlsync-surface-bg, white)}.us-note{position:relative;width:100%;height:100%;border:1px solid var(--umlsync-ink, black)}.us-note-corner{position:absolute;height:16px;width:16px;right:-1px;top:-1px}.us-element-note svg{position:absolute;right:-1px;bottom:-1px}.us-instance{position:relative;width:100%;height:45px;border:1px solid var(--umlsync-ink, black);text-align:center}.us-instance-line{position:absolute;top:0;width:50%;height:100%;border:0px;border-right:1px dashed var(--umlsync-ink, black)}.us-port{position:relative;width:100%;height:100%;border:1px solid var(--umlsync-ink, black)}.us-collaboration{padding:0;border:1px dashed var(--umlsync-ink, black);position:relative;width:100%;height:100%;text-align:center;margin:auto;background-color:var(--umlsync-fill-info, #87CEEB);-webkit-border-radius:100%;-moz-border-radius:100% 100%;border-radius:100%}.us-component{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;text-align:center;border:1px solid var(--umlsync-ink, black);display:flex;justify-content:center;align-items:center}.us-component-content{position:relative}.us-component.us-component-align-left-top{justify-content:flex-start;align-items:flex-start}.us-component.us-component-align-left-center{justify-content:flex-start;align-items:center}.us-component.us-component-align-left-bottom{justify-content:flex-start;align-items:flex-end}.us-component.us-component-align-center-top{justify-content:center;align-items:flex-start}.us-component.us-component-align-center-center{justify-content:center;align-items:center}.us-component.us-component-align-center-bottom{justify-content:center;align-items:flex-end}.us-component.us-component-align-right-top{justify-content:flex-end;align-items:flex-start}.us-component.us-component-align-right-center{justify-content:flex-end;align-items:center}.us-component.us-component-align-right-bottom{justify-content:flex-end;align-items:flex-end}.us-component-subsystem{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;border:1px solid var(--umlsync-ink, black);display:flex;flex-direction:column}.us-component-subsystem-header{width:100%;border-bottom:1px solid var(--umlsync-ink, black);display:flex;align-items:center;justify-content:space-between;padding:4px 8px;box-sizing:border-box}.us-component-subsystem-name{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-align:left;margin-right:8px}.us-component-subsystem-svg{flex-shrink:0}.us-component-subsystem-content{flex:1;position:relative}.us-state{border:1px solid var(--umlsync-ink, black);position:relative;text-align:center;background-color:var(--umlsync-fill-info, #87CEEB);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;width:100%;height:100%}.us-state-signal-send{border-right:none;position:relative;text-align:center;width:100%;height:100%}.us-state-signal-send-container{display:inline-flex;width:100%;height:100%;border:0px}.us-state-signal-send-text{text-align:center;position:relative;top:0;width:85%;display:flex;align-items:center;justify-content:center;border:1px solid var(--umlsync-ink, black);border-radius:20px 0 0 20px/20px 0px 0px 20px;border-right:0px}#us-triangle-black{width:15%;height:100%;display:inline-block;position:relative;vertical-align:top;border:0px}#us-triangle-black svg{position:absolute;top:0;left:0}#us-triangle-colored{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:0}.us-state-signal-receipt{border-left:none;position:relative;text-align:center;width:100%;height:100%}.us-state-signal-receipt-container{display:inline-flex;width:100%;height:100%;border:0px}.us-state-signal-receipt-text{text-align:center;position:relative;top:0;width:85%;display:flex;align-items:center;justify-content:center;border:1px solid var(--umlsync-ink, black);border-left:0px;border-radius:0 20px 20px 0/0px 20px 20px 0px}.us-triangle-container{width:15%;height:100%;display:inline-block;position:relative;vertical-align:top;border:0px}.us-triangle-top,.us-triangle-bottom{width:100%;height:50%;position:relative;border:0px}#us-triangle-top-black,#us-triangle-bottom-black{width:100%;height:100%;position:relative;border:0px}#us-triangle-top-black svg,#us-triangle-bottom-black svg{position:absolute;top:0;left:0}#us-triangle-top-colored,#us-triangle-bottom-colored{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;right:0}#us-triangle-bottom-colored{top:1px;bottom:0}.us-entity{padding:0;border:1px solid var(--umlsync-ink, black);position:relative;text-align:left;margin:0;background-color:var(--umlsync-fill-warning, #F5B67A);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.us-entity-head{border:0px;border-bottom:1px solid var(--umlsync-ink, black);position:relative;width:100%;height:20px;text-align:center;margin:0;padding:0}.us-entity-field{width:100%;border-bottom:1px solid var(--umlsync-note-bg, #FFFFAE)}.us-interaction{padding:0;border:1px solid var(--umlsync-ink, black);position:relative;text-align:center;margin:0;background-color:var(--umlsync-surface-bg, #FFFFFF)}.us-interaction-head{border:0px;border-right:1px solid var(--umlsync-ink, black);border-bottom:1px solid var(--umlsync-ink, black);border-radius:0 0 15px;position:relative;width:50%;height:20px;text-align:center;margin:0;padding:0}.us-forknode{padding:0;border:1px solid var(--umlsync-ink, black);width:100%;height:100%;position:relative;text-align:center;margin:0;background-color:var(--umlsync-ink, #000000)}.us-procedure{padding:10px;border:1px solid var(--umlsync-ink, black);position:relative;width:100%;height:100%;text-align:left;margin:auto;background-color:var(--umlsync-fill-success, #BDE689);-webkit-border-radius:20px 20px 0px 0px;-moz-border-radius:20px 20px 0px 0px;border-radius:20px 20px 0 0}.us-resultset{padding:10px;border:1px solid var(--umlsync-ink, black);position:relative;width:100%;height:100%;text-align:left;margin:auto;background-color:var(--umlsync-fill-caution, #E3E689)}.us-interface{padding:0;width:25px;height:25px;border:1px solid var(--umlsync-ink, black);position:relative;margin:auto;-webkit-border-radius:100%;-moz-border-radius:100% 100%;border-radius:100%}.us-datastore{background-color:var(--umlsync-fill-datastore, yellow);border:1px solid var(--umlsync-ink, black);border-right:0;position:relative;padding:0;height:100%}.us-datastore A{left:40px}.us-datastore div{background-color:var(--umlsync-fill-neutral, gray);height:100%;width:25px;border:1px solid var(--umlsync-ink, black);position:absolute}.us-dfprocess{padding:0;border:1px solid var(--umlsync-ink, black);position:relative;width:100%;height:100%;text-align:center;margin:auto;background-color:var(--umlsync-fill-warning, #F5B67A);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.us-dfprocess-middle{margin:15px 0;border-top:1px solid var(--umlsync-ink, black);border-bottom:1px solid var(--umlsync-ink, black);background-color:var(--umlsync-surface-bg, white)}.us-venn{position:relative;text-align:center;width:100%;height:100%;border:1px;opacity:.5;background-color:transparent}.us-interaction-startnode{position:relative;text-align:center;width:20px;height:20px;border:3px solid var(--umlsync-ink, black);background-color:transparent}.us-interaction-finalnode{position:relative;text-align:center;width:20px;height:20px;background:var(--umlsync-surface-bg, white);border:3px solid var(--umlsync-ink, black);background-color:transparent}.us-diamond{background-color:var(--umlsync-fill-info, #87CEEB);border:1px solid var(--umlsync-ink, black);position:absolute;left:50%;top:50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.us-diamond-w{width:300px;height:300px}.us-signal{border-bottom:86px solid var(--umlsync-ink, black);border-right:16px solid transparent;height:0;position:absolute;right:0;width:0;top:0}.us-signal2{border-top:86px solid var(--umlsync-ink, black);border-right:16px solid transparent;height:0;position:absolute;right:0;top:50%;width:0}.us-signal1{border-bottom:86px solid var(--umlsync-fill-info, #87CEEB);border-right:16px solid transparent;height:0;position:absolute;right:1px;width:0;top:0}.us-signal12{border-top:86px solid var(--umlsync-fill-info, #87CEEB);border-right:16px solid transparent;height:0;position:absolute;right:1px;top:50%;width:0}.us-signal{position:relative;right:10;text-align:center;border:1px solid var(--umlsync-ink, black);background-color:var(--umlsync-fill-info, #87CEEB)}.us-connector-label{position:absolute;background-color:var(--umlsync-surface-bg, white);border:3px solid transparent}.us-connector-hover{border:3px dashed var(--umlsync-accent, #97F7A1)}.ui-resizable-s-l{position:absolute;width:10%;height:2px;background-color:var(--umlsync-accent, #97F7A1);border-top:2px solid var(--umlsync-ink, black);border-bottom:2px solid var(--umlsync-ink, black);left:45%;bottom:2px;cursor:s-resize}.ui-resizable-s-u{position:absolute;width:10%;height:2px;background-color:var(--umlsync-accent, #97F7A1);border-bottom:2px solid var(--umlsync-ink, black);border-top:2px solid var(--umlsync-ink, black);bottom:-4px;left:45%;cursor:s-resize}.ui-resizable-e-u{position:absolute;width:2px;height:10%;background-color:var(--umlsync-accent, #97F7A1);border-right:2px solid var(--umlsync-ink, black);top:45%;right:-4px;cursor:e-resize}.ui-resizable-n-u{position:absolute;width:10%;height:2px;background-color:var(--umlsync-accent, #97F7A1);border-top:2px solid var(--umlsync-ink, black);top:-4px;left:45%;cursor:n-resize}.ui-resizable-w-u{position:absolute;width:2px;height:10%;border-left:2px solid var(--umlsync-ink, black);top:45%;left:-4px;cursor:w-resize}.ui-resizable-nw-u{position:absolute;width:5%;min-width:5px;height:5%;min-height:5px;border-left:2px solid var(--umlsync-ink, black);border-top:2px solid var(--umlsync-ink, black);top:-4px;left:-4px;cursor:nw-resize}.ui-resizable-ne-u{position:absolute;width:5%;min-width:5px;min-height:5px;height:5%;border-right:2px solid var(--umlsync-ink, black);border-top:2px solid var(--umlsync-ink, black);top:-4px;right:-4px;cursor:ne-resize}.ui-resizable-se-u{position:absolute;width:5%;height:5%;min-width:5px;min-height:5px;border-bottom:2px solid var(--umlsync-ink, black);border-right:2px solid var(--umlsync-ink, black);bottom:-4px;right:-4px;cursor:se-resize}.ui-resizable-sw-u{position:absolute;width:5%;height:5%;min-width:5px;min-height:5px;border-left:2px solid var(--umlsync-ink, black);border-bottom:2px solid var(--umlsync-ink, black);bottom:-4px;left:-4px;cursor:sw-resize}.ui-resizable-e-ul{position:absolute;width:2px;height:10%;background-color:var(--umlsync-accent, #97F7A1);border-right:2px solid var(--umlsync-ink, black);top:2px;right:-4px;cursor:e-resize}.ui-resizable-w-ul{position:absolute;width:2px;height:10%;border-left:2px solid var(--umlsync-ink, black);top:2px;left:-4px;cursor:w-resize}.ui-resizable-s-ul{position:absolute;width:100%;height:2px;background-color:var(--umlsync-accent, #97F7A1);border-bottom:2px solid var(--umlsync-ink, black);bottom:-4px;left:0;cursor:s-resize}.ui-resizable-n-ul{position:absolute;width:100%;height:2px;background-color:var(--umlsync-accent, #97F7A1);border-top:2px solid var(--umlsync-ink, black);top:-4px;left:0;cursor:n-resize}.us-element-ref{position:absolute;width:20px;height:20px;border:0px;bottom:10px;left:10px;cursor:pointer}.us-element-min{position:absolute;width:10px;height:10px;border:0px;bottom:4px;right:14px;cursor:sw-resize}.us-reference{background-color:var(--umlsync-canvas-bg, #EEEEEE);border:1px solid var(--umlsync-ink, black);position:absolute;z-index:2147483647}.us-context-menu{display:none;position:fixed;background:var(--umlsync-menu-bg, #ffffff);border-radius:6px;box-shadow:0 4px 8px var(--umlsync-shadow-sm, rgba(0, 0, 0, .1));width:180px;padding:5px 0;z-index:29999998}.us-context-menu ul{list-style:none;margin:0;padding:0}.us-context-menu li{padding:10px 15px;font-size:14px;cursor:pointer;transition:background .2s ease-in-out}.us-context-menu li:hover{background:var(--umlsync-menu-hover-bg, #f0f0f0)}.us-context-menu li:active{background:var(--umlsync-menu-active-bg, #e0e0e0)}.us-context-menu .divider{height:1px;background:var(--umlsync-menu-border-light, #ddd);margin:4px 0;border:none}@media print{.us-diagram{left:0;width:100%;height:100%}.us-element-border{display:block!important}}.us-element-border-highlighter{border:3px solid transparent}.us-element-border-highlighter:hover,.us-element-border-selected{border:3px solid var(--umlsync-accent, #97F7A1)}.grElement{background:var(--umlsync-grid-bg, #ECF3EC);color:var(--umlsync-ink, black)}.us-side-menu-icon{position:absolute;color:var(--umlsync-ink, black)}.us-preview-menu-icon{color:var(--umlsync-ink, black)}.us-preview-menu-icon>svg{width:20px;height:20px;margin:2px}.us-icon-menu-svg-wrapper{color:var(--umlsync-ink, black)}.us-icon-menu-svg-wrapper>svg{width:22px}.us-sqport-indent-btn{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:2px;border-radius:4px;cursor:pointer;background:var(--umlsync-grid-bg, #ECF3EC)}.us-sqport-indent-btn:hover{background:var(--umlsync-fill-info, #87CEEB)}.us-sqport-indent-btn>svg{width:16px}.us-class-aux{border:0px solid var(--umlsync-ink, black);display:inline-flex}div.us-class-custom-aux{border:0px solid var(--umlsync-ink, black)}#operation:hover,#attribute:hover{background-color:var(--umlsync-fill-info, #87CEEB)}.us-component-svg{position:absolute;right:20px;top:10px}.us-start-circle{width:100%;height:100%;background-color:var(--umlsync-ink, black);border-radius:50%;position:relative}.us-outer-circle{width:32px;height:32px;border:2px solid var(--umlsync-ink, black);border-radius:50%;background-color:transparent;position:relative}.us-inner-circle{width:24px;height:24px;background-color:var(--umlsync-ink, black);border-radius:50%;position:absolute;top:4px;left:4px;resize:both}.us-outer-diamond{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--umlsync-ink, black);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.us-inner-diamond{position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.us-state-circle{width:100%;height:100%;border:2px solid var(--umlsync-ink, black);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.us-state-circle-h{font-size:20px;font-weight:700;line-height:1;color:var(--umlsync-ink, black)}.us-state-circle-star{font-size:16px;vertical-align:super}.us-state-circle-x{width:100%;height:100%;position:relative}.us-state-circle-x:before,.us-state-circle-x:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:2px;background-color:var(--umlsync-ink, black);transform-origin:center}.us-state-circle-x:before{transform:translate(-50%,-50%) rotate(45deg)}.us-state-circle-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.us-sqd-port{border:1px solid var(--umlsync-ink, black);width:100%;height:100%}.us-full-svg>svg{width:100%;height:100%}#dw-uml-toolbar{position:absolute;z-index:1999999}.us-toolbar{display:flex;align-items:center;gap:10px;padding:10px;background:var(--toolbar-bg-color, #FFFFFF);border-radius:var(--toolbar-bg-radius, 10px);color:var(--toolbar-font-color, #54577A);border-bottom:1px solid var(--toolbar-border-color, #CCCCCC)}.us-toolbar button,.us-toolbar select{padding:0;font-size:14px;border:1px solid buttonface;border-radius:6px}.us-editor{min-height:300px;padding:15px;border:1px solid var(--toolbar-border-color, #CCCCCC);margin-top:10px}.us-dt-toolbar-wrapper{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:299999;font-family:sans-serif;min-width:700px}.us-dt-title-bar{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0;border-bottom:1px solid var(--toolbar-divider-color, #DDDDDD)}.us-dt-title{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--toolbar-title-color, #333333)}.us-dt-style-icons{flex:0 0 auto;display:flex;align-items:center;gap:4px;background-color:var(--toolbar-detached-bg-color, #F5F9FE);border-radius:10px;padding:4px 8px;min-height:24px;margin-bottom:10px;width:fit-content}.us-dt-style-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s}.us-dt-style-icon:hover{background-color:var(--toolbar-accent-soft, rgba(11, 202, 110, .1))}.us-dt-style-icon-active{background-color:var(--toolbar-accent, #0BCA6E)}.us-dt-style-icon-active svg path[fill="#EEEFF8"]{fill:var(--toolbar-accent, #0BCA6E)}.us-dt-style-icon-active svg path[stroke="#54577A"]{stroke:var(--color-primary-0, white)}.us-dt-style-icons svg{height:24px}.us-dt-pin{flex:0 0 auto;display:flex;align-items:center}.us-dt-pin svg{width:16px;height:16px;cursor:pointer}.us-dt-pinned{display:none}.us-dt-state-pinned .us-dt-pinned{display:block}.us-dt-state-pinned .us-dt-unpinned{display:none}.us-dt-style-row{display:flex;align-items:center;height:34px;background:var(--toolbar-style-row-bg-color, #FFFFFF);padding:6px 10px;border:1px solid var(--toolbar-border-color, #CCCCCC);border-radius:10px;box-shadow:0 -2px 4px var(--umlsync-shadow-sm, rgba(0, 0, 0, .1));gap:10px;margin-bottom:4px}.us-dt-connector-style-row{display:flex;align-items:center;background:var(--toolbar-style-row-bg-color, #FFFFFF);padding:6px 10px;border-radius:10px;height:34px;margin-bottom:4px;box-shadow:0 -2px 4px var(--umlsync-shadow-sm, rgba(0, 0, 0, .1));gap:10px}.us-dt-toolbar{display:flex;align-items:center;gap:10px;padding:10px;background:var(--toolbar-detached-bg-color, #F5F9FE);border:1px solid var(--toolbar-border-color, #CCCCCC);border-radius:10px;min-width:700px}.us-dt-toolbar button,.us-dt-toolbar select,.us-dt-style-row button,.us-dt-style-row select{padding:4px 6px;font-size:14px;border-radius:6px;background:var(--toolbar-bg-options, #EEEFF8);color:var(--toolbar-text-color, #54577A);border-width:0px;cursor:pointer}.us-dt-drag-handle{cursor:move;padding-right:5px;display:flex;align-items:center}.us-sds-default,.us-sds-selected{min-width:170px;font-size:14px;font-weight:400;line-height:21px;color:var(--toolbar-text-color, #54577A)}.us-ds-carousel-container{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;overflow:visible;max-width:700px;border-radius:10px;background-color:var(--toolbar-detached-bg-color, #F5F9FE);margin-bottom:4px;padding:10px;border:1px solid var(--toolbar-border-color, #CCCCCC)}.us-ds-carousel-track{overflow:hidden;cursor:grab;background-color:var(--toolbar-carousel-track-tint, rgba(135, 206, 235, .1));-webkit-user-select:none;user-select:none;flex:1;min-width:0;max-width:520px;order:3}.us-ds-carousel-wrapper{display:flex;white-space:nowrap;transition:transform .3s ease;will-change:transform}.us-ds-carousel-wrapper>div{display:inline-block;vertical-align:top;background-color:var(--color-primary-0, white);border:2px solid var(--toolbar-bg-options, #EEEFF8);width:120px;margin-right:10px;flex-shrink:0;border:2px solid var(--toolbar-border-color, #CCCCCC)}.us-ds-carousel-wrapper>div:hover{border:2px solid var(--toolbar-accent, #0BCA6E)}.us-ds-carousel-arrow{flex:0 0 auto;width:20px;min-height:80px;background:var(--toolbar-bg-options, #EEEFF8);z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-user-select:none;user-select:none;border-radius:4px;transition:background-color .2s}.us-ds-carousel-arrow:hover{background-color:var(--toolbar-carousel-hover-bg, #E0E0E0)}.us-ds-carousel-left{order:2}.us-ds-carousel-right{order:4}.us-dt-style-preview-wrapper{flex:0 0 auto;display:flex;align-items:center;justify-content:center;order:1;position:relative;padding-right:10px}.us-dt-style-preview-wrapper:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:80%;background-color:var(--toolbar-empty-subtitle-color, #8E92BC)}.us-dt-style-preview{display:flex;align-items:center;justify-content:center}.us-pin-carousel{flex:0 0 auto;order:0}.us-dt-edit-container{flex:1;display:flex;flex-direction:column;gap:10px;padding:0 10px;order:3;min-width:0;max-width:520px}.us-dt-edit-row{display:flex;flex-direction:row;align-items:center;padding:2px 8px;border-bottom:1px solid var(--toolbar-bg-options, #EEEFF8);gap:8px}.us-ds-carousel-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;line-height:16px;border:none;border-radius:50%;background-color:var(--toolbar-remove-bg, rgba(84, 87, 122, .8));color:var(--toolbar-remove-fg, #fff);font-size:14px;cursor:pointer;padding:0}.us-ds-carousel-remove:hover{background-color:var(--toolbar-danger-color, #A00040)}.us-ds-carousel-save{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.us-ds-carousel-save:hover{background-color:var(--toolbar-bg-options, #EEEFF8)}.us-ds-carousel-pin{position:absolute;top:2px;left:2px;width:18px;height:18px;border:none;border-radius:50%;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.us-ds-carousel-pin:hover{background-color:var(--toolbar-bg-options, #EEEFF8)}.us-ds-carousel-wrapper>.us-ds-carousel-empty{display:flex;align-items:center;gap:12px;width:100%;max-width:none;margin-right:0;padding:16px;border:1px dashed var(--toolbar-empty-border, #C7CAE0);border-radius:10px;background-color:var(--toolbar-empty-bg, #FAFBFF);white-space:normal;vertical-align:top}.us-ds-carousel-wrapper>.us-ds-carousel-empty:hover{border:1px dashed var(--toolbar-empty-border, #C7CAE0)}.us-ds-carousel-empty-icon{flex:0 0 auto;display:flex}.us-ds-carousel-empty-text{min-width:0}.us-ds-carousel-empty-title{font-size:14px;font-weight:600;color:var(--toolbar-empty-title-color, #2E3050);margin-bottom:2px}.us-ds-carousel-empty-subtitle{font-size:13px;color:var(--toolbar-empty-subtitle-color, #8E92BC);line-height:1.4;white-space:normal}.us-dt-edit-label{font-size:14px;font-weight:500;color:var(--toolbar-text-color, #54577A);min-width:80px}#us-arrow-line-width{display:flex;flex-direction:row;align-items:center;gap:6px;background-color:var(--toolbar-bg-options, #EEEFF8);border-radius:4px;padding:0 8px;height:24px;cursor:pointer}.us-connector-line-preview,.us-svg-icon{display:flex;align-items:center;justify-content:center}#us-arrow-line-width svg{display:block}.us-dt-style-preview-scale{scale:.5;right:-90px;bottom:-20px}.us-dc-preview-style{position:relative;font-family:sans-serif;display:inline-block;padding:10px;border:1px solid var(--toolbar-border-color, #CCCCCC);background-color:var(--color-primary-0, white);width:100px;border-radius:6px;margin-right:6px}.us-dc-label{width:100%;height:30px;padding:5px 5px 0;box-sizing:border-box;margin-bottom:0;text-align:center;overflow:hidden;line-height:20px}.us-dc-box{width:100%;height:30px;padding:5px;box-sizing:border-box;margin-top:10px;border:1px solid var(--umlsync-ink, black);text-align:center;overflow:hidden;line-height:20px}.us-dc-canvas{display:block;width:100%;height:15px}.us-preview-dropdown-menu{display:flex;align-items:center;position:relative;padding:5px;background:var(--toolbar-bg-options, #EEEFF8);width:fit-content;border-radius:6px;cursor:pointer}.us-preview-dropdown-preview{display:flex;gap:5px}.us-preview-dropdown-preview .us-side-menu-icon{width:24px;height:24px;border-radius:4px}.us-preview-dropdown-arrow{margin-left:8px;font-size:14px;-webkit-user-select:none;user-select:none}.us-preview-dropdown-full-menu{display:none;position:absolute;top:100%;left:0;margin-top:5px;background:var(--umlsync-menu-bg, white);border:1px solid var(--toolbar-border-color, #CCCCCC);border-radius:6px;box-shadow:0 2px 5px var(--umlsync-shadow-sm, rgba(0, 0, 0, .1));z-index:200000;min-width:200px}.us-preview-dropdown-full-menu .menu-item{padding:5px 10px;display:flex;align-items:center;gap:10px;cursor:pointer}.us-preview-dropdown-full-menu .menu-item:hover{background-color:var(--umlsync-menu-hover-bg, #F0F0F0)}.menu-item-list-variant{display:flex;align-items:center;gap:5px}.menu-item-svg{color:var(--toolbar-accent-translucent, #0BCA6E99)}.menu-item-svg svg{display:block}.us-preview-menu-icon{position:inherit;background-color:var(--toolbar-accent-translucent, #0BCA6E99);min-width:18px;min-height:18px;border-radius:8px}.us-preview-menu-icon:hover{background-color:var(--toolbar-accent, #0BCA6E)}.us-side-menu-icon{position:absolute}.us-side-menu-icon>svg{width:20px;height:20px;margin:2px}.us-div-separator{background-color:var(--toolbar-separator-color, lightgray);padding:0;margin:0;width:1px;height:1vh}.us-font-style-btn{font-weight:400;font-style:normal;text-decoration:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;cursor:pointer;border-width:0px;background-color:var(--toolbar-bg-options, #EEEFF8)}.us-bold{font-weight:700}.us-italic{font-style:italic}.us-underline{text-decoration:underline}.us-text-biu-active{background-color:var(--toolbar-active-selection-bg, #D0EBFF);border-radius:4px}#us-text-save-button,#us-text-undo,#us-text-redo{display:none}.us-dev-mode #us-text-save-button,.us-dev-mode #us-text-undo,.us-dev-mode #us-text-redo{display:block}.us-dt-placeholder-elements-dropdown,.us-dt-placeholder-connectors-dropdown{background-color:var(--toolbar-bg-options, #EEEFF8)}#us-arrow-color-picker,.us-label-color-picker,.us-text-color-picker{background-color:var(--toolbar-bg-options, #EEEFF8);border-radius:4px;height:24px;border:0px}.us-preview-align{position:relative;display:inline-block;width:24px;height:24px;border:1px solid var(--umlsync-menu-border, #ccc);border-radius:6px;background:var(--umlsync-menu-bg, white);cursor:pointer}.us-align-selected{width:18px;height:18px}.us-align-selected svg{width:100%;height:100%;padding:4px}.us-align-popup{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--umlsync-menu-bg, white);border:1px solid var(--umlsync-menu-border, #ccc);border-radius:6px;box-shadow:0 2px 6px var(--umlsync-shadow-md, rgba(0,0,0,.2));padding:6px;z-index:1000}.us-align-grid{display:grid;grid-template-columns:repeat(3,32px);gap:6px}.us-align-cell{width:32px;height:32px;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.us-align-cell:hover{border-color:var(--umlsync-align-cell-hover-border, #aaa);background:var(--umlsync-menu-hover-bg, #f0f0f0)}.us-align-cell svg{width:20px;height:20px}.us-color-picker{position:absolute;background:var(--umlsync-menu-bg, #fff);border:1px solid var(--umlsync-menu-border, #ccc);border-radius:6px;box-shadow:0 2px 6px var(--umlsync-shadow-md, rgba(0, 0, 0, .2));padding:8px;z-index:200000;min-width:400px}.us-color-labels{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.us-color-close{background:none;border:none;font-size:16px;cursor:pointer}.us-color-multiple-palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.us-color-block{display:flex;flex-direction:column;align-items:flex-start;padding-right:10px;border-right:1px solid var(--umlsync-menu-border-light, #ddd)}.us-color-block:nth-child(3n){border-right:none;padding-right:0}.us-color-title{margin-bottom:6px;font-size:13px;font-weight:500}.us-color-grid{display:grid;grid-template-columns:repeat(8,16px);gap:4px}.us-color-cell{width:16px;height:16px;border:1px solid var(--umlsync-menu-cell-border, #999);border-radius:3px;cursor:pointer}.ui-autocomplete{position:absolute;background:var(--umlsync-menu-bg, #ffffff);border:1px solid var(--umlsync-menu-border-light, #ddd);border-radius:6px;box-shadow:0 4px 8px var(--umlsync-shadow-sm, rgba(0, 0, 0, .1));list-style:none;margin:4px 0 0;padding:4px 0;max-height:220px;overflow-y:auto;z-index:29999999}.ui-autocomplete .ui-menu-item-wrapper{display:block;padding:6px 12px;font-size:14px;cursor:pointer}.ui-autocomplete .ui-menu-item-wrapper.ui-state-active{background:var(--umlsync-menu-hover-bg, #f0f0f0);border:none}