@charset "UTF-8";.djs-parent{--color-grey-225-10-15: hsl(225, 10%, 15%);--color-grey-225-10-35: hsl(225, 10%, 35%);--color-grey-225-10-55: hsl(225, 10%, 55%);--color-grey-225-10-75: hsl(225, 10%, 75%);--color-grey-225-10-80: hsl(225, 10%, 80%);--color-grey-225-10-85: hsl(225, 10%, 85%);--color-grey-225-10-90: hsl(225, 10%, 90%);--color-grey-225-10-95: hsl(225, 10%, 95%);--color-grey-225-10-97: hsl(225, 10%, 97%);--color-blue-205-100-45: hsl(205, 100%, 45%);--color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);--color-blue-205-100-50: hsl(205, 100%, 50%);--color-blue-205-100-50-opacity-15: hsla(205, 100%, 50%, 15%);--color-blue-205-100-70: hsl(205, 100%, 75%);--color-blue-205-100-95: hsl(205, 100%, 95%);--color-green-150-86-44: hsl(150, 86%, 44%);--color-red-360-100-40: hsl(360, 100%, 40%);--color-red-360-100-45: hsl(360, 100%, 45%);--color-red-360-100-92: hsl(360, 100%, 92%);--color-red-360-100-97: hsl(360, 100%, 97%);--color-white: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 0%);--color-black-opacity-10: hsla(0, 0%, 0%, 10%);--color-black-opacity-30: hsla(0, 0%, 0%, 30%);--canvas-fill-color: var(--color-white);--bendpoint-fill-color: var(--color-blue-205-100-45);--bendpoint-stroke-color: var(--canvas-fill-color);--context-pad-entry-background-color: var(--color-white);--context-pad-entry-hover-background-color: var(--color-grey-225-10-95);--element-dragger-color: var(--color-blue-205-100-50);--element-hover-outline-fill-color: var(--color-blue-205-100-45);--element-selected-outline-stroke-color: var(--color-blue-205-100-50);--element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70);--lasso-fill-color: var(--color-blue-205-100-50-opacity-15);--lasso-stroke-color: var(--element-selected-outline-stroke-color);--palette-entry-color: var(--color-grey-225-10-15);--palette-entry-hover-color: var(--color-blue-205-100-45);--palette-entry-selected-color: var(--color-blue-205-100-50);--palette-separator-color: var(--color-grey-225-10-75);--palette-toggle-hover-background-color: var(--color-grey-225-10-55);--palette-background-color: var(--color-grey-225-10-97);--palette-border-color: var(--color-grey-225-10-75);--popup-font-family: "IBM Plex Sans", sans-serif;--popup-font-size: 14px;--popup-secondary-font-size: .9em;--popup-header-entry-selected-color: var(--color-blue-205-100-50);--popup-header-font-weight: bolder;--popup-header-group-divider-color: var(--color-grey-225-10-75);--popup-background-color: var(--color-white);--popup-border-color: transparent;--popup-shadow-color: var(--color-black-opacity-30);--popup-disabled-color: var(--color-grey-225-10-35);--popup-description-color: var(--color-grey-225-10-35);--popup-no-results-color: var(--color-grey-225-10-55);--popup-entry-title-color: var(--color-grey-225-10-55);--popup-entry-hover-color: var(--color-grey-225-10-95);--popup-search-border-color: var(--color-grey-225-10-75);--popup-search-focus-border-color: var(--color-blue-205-100-50);--popup-search-focus-background-color: var(--color-blue-205-100-95);--popup-tab-color: var(--color-grey-225-10-55);--popup-tab-hover-color: var(--color-grey-225-10-15);--popup-tab-active-color: var(--color-grey-225-10-15);--popup-tab-active-border-color: var(--color-blue-205-100-50);--popup-tab-strip-border-color: var(--color-grey-225-10-90);--popup-tab-focus-border-color: var(--color-blue-205-100-50);--resizer-fill-color: var(--color-blue-205-100-45);--resizer-stroke-color: var(--canvas-fill-color);--search-font-family: "IBM Plex Sans", sans-serif;--search-font-size: 14px;--search-container-background-color: var(--color-white);--search-shadow-color: var(--color-black-opacity-30);--search-input-border-color: var(--color-grey-225-10-75);--search-input-focus-border-color: var(--color-blue-205-100-50);--search-input-focus-background-color: var(--color-blue-205-100-95);--search-result-hover-background-color: var(--color-grey-225-10-95);--search-result-secondary-color: var(--color-grey-225-10-55);--search-preselected-background-color: var(--color-blue-205-100-50-opacity-15);--shape-attach-allowed-stroke-color: var(--color-blue-205-100-50);--shape-connect-allowed-fill-color: var(--color-grey-225-10-97);--shape-drop-allowed-fill-color: var(--color-grey-225-10-97);--shape-drop-not-allowed-fill-color: var(--color-red-360-100-97);--shape-resize-preview-stroke-color: var(--color-blue-205-100-50);--snap-line-stroke-color: var(--color-blue-205-100-45-opacity-30);--space-tool-crosshair-stroke-color: var(--color-black);--tooltip-error-background-color: var(--color-red-360-100-97);--tooltip-error-border-color: var(--color-red-360-100-45);--tooltip-error-color: var(--color-red-360-100-45)}.djs-container svg.drop-not-ok{background:var(--shape-drop-not-allowed-fill-color)!important}.djs-container svg.new-parent{background:var(--shape-drop-allowed-fill-color)!important}.djs-container svg:focus{outline-offset:-1px}.djs-outline,.djs-selection-outline{fill:none;shape-rendering:geometricPrecision;stroke-width:2px}.djs-outline{visibility:hidden}.djs-selection-outline{stroke:var(--element-selected-outline-stroke-color)}.djs-element.selected .djs-outline{visibility:visible;stroke:var(--element-selected-outline-stroke-color)}.djs-connection.selected .djs-outline{display:none}.djs-multi-select .djs-element.selected .djs-outline,.djs-dragging-active-lasso .djs-element.selected .djs-outline{stroke:var(--element-selected-outline-secondary-stroke-color);display:block}.djs-outline-hidden .djs-outline{display:none!important}.djs-shape.connect-ok .djs-visual>:nth-child(1){fill:var(--shape-connect-allowed-fill-color)!important}.djs-shape.connect-not-ok .djs-visual>:nth-child(1),.djs-shape.drop-not-ok .djs-visual>:nth-child(1){fill:var(--shape-drop-not-allowed-fill-color)!important}.djs-shape.new-parent .djs-visual>:nth-child(1){fill:var(--shape-drop-allowed-fill-color)!important}.drop-not-ok,.connect-not-ok,.drop-not-ok *,.connect-not-ok *{cursor:not-allowed!important}.drop-ok,.connect-ok,.drop-ok *,.connect-ok *{cursor:default!important}.djs-element.attach-ok .djs-visual>:nth-child(1){stroke-width:5px!important;stroke:var(--shape-attach-allowed-stroke-color)!important}.djs-frame.connect-not-ok .djs-visual>:nth-child(1),.djs-frame.drop-not-ok .djs-visual>:nth-child(1){stroke-width:3px!important;stroke:var(--shape-drop-not-allowed-fill-color)!important;fill:none!important}.djs-lasso-overlay{fill:var(--lasso-fill-color);stroke:var(--lasso-stroke-color);stroke-width:2px;shape-rendering:geometricPrecision;pointer-events:none}.djs-resize-overlay{fill:none;stroke-dasharray:5 1 3 1;stroke:var(--shape-resize-preview-stroke-color);pointer-events:none}.djs-resizer-hit{fill:none;pointer-events:all}.djs-resizer-visual{fill:var(--resizer-fill-color);stroke-width:1px;stroke:var(--resizer-stroke-color);shape-rendering:geometricPrecision}.djs-resizer:hover .djs-resizer-visual{stroke:var(--resizer-stroke-color);stroke-opacity:1}.djs-cursor-resize-ns,.djs-resizer-n,.djs-resizer-s{cursor:ns-resize}.djs-cursor-resize-ew,.djs-resizer-e,.djs-resizer-w{cursor:ew-resize}.djs-cursor-resize-nwse,.djs-resizer-nw,.djs-resizer-se{cursor:nwse-resize}.djs-cursor-resize-nesw,.djs-resizer-ne,.djs-resizer-sw{cursor:nesw-resize}.djs-shape.djs-resizing>.djs-outline{visibility:hidden!important}.djs-shape.djs-resizing>.djs-resizer{visibility:hidden}.djs-dragger>.djs-resizer{visibility:hidden}.djs-dragger *{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragger tspan,.djs-dragger text{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker circle,.djs-dragger marker path,.djs-dragger marker polygon,.djs-dragger marker polyline,.djs-dragger marker rect{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker text,.djs-dragger marker tspan{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragging,.djs-dragging>*{opacity:.3!important;pointer-events:none!important}.djs-visual,.djs-outline{pointer-events:none}.djs-element.attach-ok .djs-hit{stroke-width:60px!important}.djs-element>.djs-hit-all,.djs-element>.djs-hit-no-move{pointer-events:all}.djs-element>.djs-hit-stroke,.djs-element>.djs-hit-click-stroke{pointer-events:stroke}.djs-connection .djs-visual{stroke-width:2px;fill:none}.djs-cursor-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.djs-cursor-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.djs-cursor-crosshair{cursor:crosshair}.djs-cursor-move{cursor:move}.djs-cursor-resize-ns{cursor:ns-resize}.djs-cursor-resize-ew{cursor:ew-resize}.djs-snap-line{stroke:var(--snap-line-stroke-color);stroke-linecap:round;stroke-width:2px;pointer-events:none}.djs-crosshair{stroke:var(--space-tool-crosshair-stroke-color);stroke-linecap:round;stroke-width:1px;pointer-events:none;shape-rendering:geometricPrecision;stroke-dasharray:5,5}.djs-palette{position:absolute;left:20px;top:20px;box-sizing:border-box;width:48px}.djs-palette .separator{margin:5px;padding-top:5px;border:none;border-bottom:solid 1px var(--palette-separator-color);clear:both}.djs-palette .entry:before{vertical-align:initial}.djs-palette .djs-palette-toggle{cursor:pointer}.djs-palette .entry,.djs-palette .djs-palette-toggle{color:var(--palette-entry-color);font-size:30px;text-align:center}.djs-palette .entry{float:left}.djs-palette .entry img{max-width:100%}.djs-palette .djs-palette-entries:after{content:"";display:table;clear:both}.djs-palette .djs-palette-toggle:hover{background:var(--palette-toggle-hover-background-color)}.djs-palette .entry:hover{color:var(--palette-entry-hover-color)}.djs-palette .highlighted-entry{color:var(--palette-entry-selected-color)!important}.djs-palette .entry,.djs-palette .djs-palette-toggle{width:46px;height:46px;line-height:46px;cursor:default}.djs-palette.two-column.open{width:94px}.djs-palette:not(.open) .djs-palette-entries{display:none}.djs-palette:not(.open){overflow:hidden}.djs-palette.open .djs-palette-toggle{display:none}.djs-context-pad{position:absolute;display:none;pointer-events:none;line-height:1;width:72px;z-index:100}.djs-context-pad .entry{width:22px;height:22px;text-align:center;display:inline-block;font-size:22px;margin:0 2px 2px 0;border-radius:3px;cursor:default;background-color:var(--context-pad-entry-background-color);box-shadow:0 0 2px 1px var(--context-pad-entry-background-color);pointer-events:all;vertical-align:middle}.djs-context-pad .entry:hover{background:var(--context-pad-entry-hover-background-color)}.djs-context-pad.open{display:block}.djs-popup{line-height:1;box-sizing:border-box;background:var(--popup-background-color);overflow:hidden;position:fixed;z-index:200;box-shadow:0 2px 6px var(--popup-shadow-color);border:solid 1px var(--popup-border-color);min-width:120px;max-width:300px;outline:none;font-size:var(--popup-font-size);font-family:var(--popup-font-family)}.djs-popup-search input{width:100%;box-sizing:border-box;font-size:var(--popup-font-size);padding:3px 6px 3px 28px;border-radius:2px;border:solid 1px var(--popup-search-border-color);line-height:21px}.djs-popup-search input:focus{background-color:var(--popup-search-focus-background-color);border:solid 1px var(--popup-search-focus-border-color);outline:none}.djs-popup-header{display:flex;align-items:stretch;line-height:20px;margin:10px 12px}.djs-popup-header .entry{border-radius:2px}.djs-popup button.entry{padding:0;background:transparent;border:0}.djs-popup-header .entry.active{color:var(--popup-header-entry-selected-color)}.djs-popup-header .entry.disabled{color:inherit}.djs-popup-header-group{display:flex;flex-direction:row;align-items:center;list-style:none;margin:0;padding:0}.djs-popup-header-group .entry{display:flex;flex-direction:row;align-items:center}.djs-popup-header-group+.djs-popup-header-group:before{content:"";width:1px;height:20px;background:var(--popup-header-group-divider-color);margin:0 5px}.djs-popup-search{position:relative;width:auto;margin:10px 12px}.djs-popup-tabs-container{position:relative;border-bottom:solid 1px var(--popup-tab-strip-border-color)}.djs-popup-tabs-scroll{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;bottom:1px;width:28px;display:flex;align-items:center;padding:0;border:none;border-radius:0;color:var(--popup-tab-color);cursor:pointer}.djs-popup-tabs-scroll:hover{color:var(--popup-tab-hover-color)}.djs-popup-tabs-scroll-start{left:0;justify-content:flex-start;background:linear-gradient(to left,transparent,var(--popup-background-color) 60%)}.djs-popup-tabs-scroll-end{right:0;justify-content:flex-end;background:linear-gradient(to right,transparent,var(--popup-background-color) 60%)}.djs-popup-tabs-scroll-start svg{transform:rotate(180deg)}.djs-popup-tabs{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;overflow-y:hidden;padding:0 12px;scroll-padding:0 28px;scrollbar-width:none}.djs-popup-tabs::-webkit-scrollbar{display:none}.djs-popup-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:solid 2px transparent;border-radius:0;flex:0 0 auto;padding:6px 10px;font:inherit;font-size:var(--popup-font-size);color:var(--popup-tab-color);cursor:pointer;white-space:nowrap}.djs-popup-tab:hover{color:var(--popup-tab-hover-color)}.djs-popup-tab:focus-visible{outline:solid 1px var(--popup-tab-focus-border-color);outline-offset:-2px}.djs-popup-tab[aria-selected=true]{color:var(--popup-tab-active-color);border-bottom-color:var(--popup-tab-active-border-color);font-weight:var(--popup-header-font-weight)}.djs-popup-title{font-size:var(--popup-font-size);font-weight:var(--popup-header-font-weight);flex:1;margin:0}.djs-popup-breadcrumbs{display:flex;line-height:20px;margin:10px 12px}.djs-popup-breadcrumbs-item{display:inline-flex;min-width:0;padding:0;margin:0;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--popup-description-color);font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djs-popup-breadcrumbs-item--separator:before{display:inline-block;content:"/";color:var(--popup-description-color);margin:0 4px}.djs-popup-breadcrumbs-item:hover{color:inherit;text-decoration:underline}.djs-popup-breadcrumbs-item:focus-visible{outline:1px solid var(--popup-search-focus-border-color);outline-offset:2px}.djs-popup-breadcrumbs-item--back{align-items:center;justify-content:center;flex-shrink:0;padding:2px 3px;margin-right:6px;border:1px solid var(--popup-search-border-color);border-radius:4px}.djs-popup-breadcrumbs-item--back:hover{background:#f2f3f5}.djs-popup-breadcrumbs-item--current{font-weight:var(--popup-header-font-weight);color:inherit;cursor:default}.djs-popup-breadcrumbs-item--current:hover{text-decoration:none}.djs-popup-entry-actions{display:flex;align-items:center;flex-shrink:0;gap:6px;margin-left:6px}.djs-popup-entry-chevron{display:flex;align-items:center;color:var(--popup-description-color)}.djs-popup-search-icon{position:absolute;left:8px;top:7px}.djs-popup-search-count{margin:0 12px;font-size:var(--popup-secondary-font-size);color:var(--popup-description-color)}.djs-popup-results{margin:7px 3px 7px 12px;list-style:none;max-height:280px;overflow:auto;padding-right:9px}.djs-popup-results:focus{outline:none}.djs-popup-group{margin:0;padding:0;width:100%}.djs-popup-body .entry,.djs-popup-body .entry-header{padding:5px 7px;cursor:default;border-radius:4px}.djs-popup-body .entry-header{font-weight:var(--popup-header-font-weight);color:var(--popup-entry-title-color);padding-left:0}.djs-popup [class*=icon] .djs-popup-label,.djs-popup-label:not(:first-child){margin-left:.5em}.djs-popup [class*=icon]:before,.djs-popup-entry-icon{width:1em;height:1em;display:inline-block;font-size:1.4em;vertical-align:middle}.djs-popup-body .entry-header:not(:first-child){margin-top:8px;margin-bottom:2px}.djs-popup-body .entry{display:flex;flex-direction:row;align-items:stretch;height:min-content}.djs-popup .entry.selected{background-color:var(--popup-entry-hover-color)}.djs-popup .entry.disabled{color:var(--popup-disabled-color);cursor:not-allowed}.djs-popup-body .entry:not(:first-child){margin-top:2px}.djs-popup-entry-content{display:flex;flex-direction:column;flex:1}.djs-popup-entry-description{font-size:var(--popup-secondary-font-size);margin-top:.25em;color:var(--popup-description-color)}.djs-popup-label,.djs-popup-entry-description{line-height:1.4em}.djs-popup .entry,.djs-popup .entry-header{margin:1px}.djs-popup-body{flex-direction:column;width:auto}.djs-popup *::-webkit-scrollbar{width:6px}.djs-popup *::-webkit-scrollbar-thumb{border-radius:3px;background-color:#0003}.djs-popup *::-webkit-scrollbar-track{box-shadow:none;background:transparent;margin:0;padding:5px}.djs-popup-no-results{padding:0 12px 12px;color:var(--popup-no-results-color)}.djs-popup-footer{display:flex;padding:5px 12px 7px;border-top:solid 1px var(--popup-border-color)}.djs-popup-results:hover~.djs-popup-footer{display:none}.djs-popup-entry-docs{display:flex;align-items:center;justify-content:center;flex-shrink:0;visibility:hidden;padding:2px 3px;color:var(--popup-description-color);background:#fff;border:1px solid var(--popup-search-border-color);border-radius:4px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.djs-popup-body .entry:hover .djs-popup-entry-docs{visibility:visible}.djs-popup-body .entry .djs-popup-entry-docs:hover{background:#f2f3f5}.djs-popup-entry-docs svg{vertical-align:middle}.djs-popup-footer-docs{display:inline-flex;align-items:center;gap:3px;font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);text-decoration:none}.djs-popup-footer-docs:hover{text-decoration:underline}.djs-popup-footer-docs svg{vertical-align:middle;margin:2px}.djs-palette{background:var(--palette-background-color);border:solid 1px var(--palette-border-color);border-radius:2px}.djs-segment-dragger,.djs-bendpoint{display:none}.djs-segment-dragger .djs-visual{display:none;fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px;stroke-opacity:1}.djs-segment-dragger:hover .djs-visual{display:block}.djs-bendpoint .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px}.djs-segment-dragger:hover,.djs-bendpoints.hover .djs-segment-dragger,.djs-bendpoints.selected .djs-segment-dragger,.djs-bendpoint:hover,.djs-bendpoints.hover .djs-bendpoint,.djs-bendpoints.selected .djs-bendpoint{display:block}.djs-drag-active .djs-bendpoints *{display:none}.djs-bendpoints:not(.hover) .floating{display:none}.djs-bendpoint.floating:not(.positioned){display:none}.djs-segment-dragger:hover .djs-visual,.djs-segment-dragger.djs-dragging .djs-visual,.djs-bendpoint:hover .djs-visual,.djs-bendpoint.floating .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-opacity:1}.djs-bendpoint.floating .djs-hit{pointer-events:none}.djs-segment-dragger .djs-hit,.djs-bendpoint .djs-hit{fill:none;pointer-events:all}.djs-segment-dragger.horizontal .djs-hit{cursor:ns-resize}.djs-segment-dragger.vertical .djs-hit{cursor:ew-resize}.djs-segment-dragger.djs-dragging .djs-hit{pointer-events:none}.djs-updating,.djs-updating>*{pointer-events:none!important}.djs-updating .djs-context-pad,.djs-updating .djs-outline,.djs-updating .djs-bendpoint,.djs-multi-select .djs-bendpoint,.djs-multi-select .djs-segment-dragger,.connect-ok .djs-bendpoint,.connect-not-ok .djs-bendpoint,.drop-ok .djs-bendpoint,.drop-not-ok .djs-bendpoint{display:none!important}.djs-segment-dragger.djs-dragging,.djs-bendpoint.djs-dragging{display:block;opacity:1}.djs-tooltip-error{width:160px;padding:6px;background:var(--tooltip-error-background-color);border:solid 1px var(--tooltip-error-border-color);border-radius:2px;color:var(--tooltip-error-color);font-size:12px;line-height:16px;opacity:.75}.djs-tooltip-error:hover{opacity:1}.djs-search-open .djs-context-pad{display:none}.djs-search-open .djs-connection.selected .djs-outline{display:block}.djs-search-container{position:absolute;top:20px;left:0;right:0;margin-left:auto;margin-right:auto;width:25%;min-width:300px;max-width:400px;z-index:10;font-family:var(--search-font-family);font-size:var(--search-font-size);border-radius:2px;box-shadow:0 2px 6px var(--search-shadow-color)}.djs-search-container:not(.open){display:none}.djs-search-input{position:relative}.djs-search-input svg{position:absolute;left:8px;top:7px}.djs-search-input input{font-size:var(--search-font-size);width:100%;padding:3px 6px 3px 28px;border:1px solid var(--search-input-border-color);border-radius:2px;box-sizing:border-box;line-height:21px}.djs-search-input input:focus{background-color:var(--search-input-focus-background-color);border:solid 1px var(--search-input-focus-border-color);outline:none}.djs-search-results{position:relative;overflow-y:auto;max-height:200px;background:var(--search-container-background-color)}.djs-search-result{padding:6px 8px}.djs-search-result-primary{margin:0 0 3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.djs-search-result-secondary{font-family:monospace;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--search-result-secondary-color)}.djs-search-result:hover,.djs-search-result-selected,.djs-search-result-selected:hover{background:var(--search-result-hover-background-color)}.djs-search-open .djs-element .djs-outline{fill:var(--search-preselected-background-color)!important}.djs-element-hidden,.djs-element-hidden .djs-hit,.djs-element-hidden .djs-outline,.djs-label-hidden .djs-label{display:none!important}.djs-element .djs-hit-stroke,.djs-element .djs-hit-click-stroke,.djs-element .djs-hit-all{cursor:move}.bjs-container{--bjs-font-family: Arial, sans-serif;--color-grey-225-10-15: hsl(225, 10%, 15%);--color-grey-225-10-35: hsl(225, 10%, 35%);--color-grey-225-10-55: hsl(225, 10%, 55%);--color-grey-225-10-75: hsl(225, 10%, 75%);--color-grey-225-10-80: hsl(225, 10%, 80%);--color-grey-225-10-85: hsl(225, 10%, 85%);--color-grey-225-10-90: hsl(225, 10%, 90%);--color-grey-225-10-95: hsl(225, 10%, 95%);--color-grey-225-10-97: hsl(225, 10%, 97%);--color-blue-205-100-45: hsl(205, 100%, 45%);--color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);--color-blue-205-100-50: hsl(205, 100%, 50%);--color-blue-205-100-95: hsl(205, 100%, 95%);--color-green-150-86-44: hsl(150, 86%, 44%);--color-red-360-100-40: hsl(360, 100%, 40%);--color-red-360-100-45: hsl(360, 100%, 45%);--color-red-360-100-92: hsl(360, 100%, 92%);--color-red-360-100-97: hsl(360, 100%, 97%);--color-white: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 0%);--color-black-opacity-05: hsla(0, 0%, 0%, 5%);--color-black-opacity-10: hsla(0, 0%, 0%, 10%);--breadcrumbs-font-family: var(--bjs-font-family);--breadcrumbs-item-color: var(--color-blue-205-100-50);--breadcrumbs-arrow-color: var(--color-black);--drilldown-fill-color: var(--color-white);--drilldown-background-color: var(--color-blue-205-100-50)}.bjs-breadcrumbs{position:absolute;display:none;flex-wrap:wrap;align-items:center;top:30px;left:30px;padding:0;margin:0;font-family:var(--breadcrumbs-font-family);font-size:16px;line-height:normal}.bjs-breadcrumbs-shown .bjs-breadcrumbs{display:flex}.djs-palette-shown .bjs-breadcrumbs{left:90px}.djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs{left:140px}.bjs-breadcrumbs li{display:inline-flex;padding-bottom:5px;align-items:center}.bjs-breadcrumbs li a{cursor:pointer;color:var(--breadcrumbs-item-color)}.bjs-breadcrumbs li:last-of-type a{color:inherit;cursor:default}.bjs-breadcrumbs li:not(:first-child):before{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');padding:0 8px;color:var(--breadcrumbs-arrow-color);height:1em}.bjs-breadcrumbs .bjs-crumb{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bjs-drilldown{width:20px;height:20px;padding:0;margin-left:-20px;cursor:pointer;border:none;border-radius:2px;outline:none;fill:var(--drilldown-fill-color);background-color:var(--drilldown-background-color)}.bjs-drilldown-empty{display:none}.selected .bjs-drilldown-empty{display:inherit}[data-popup=align-elements] .djs-popup-results{display:flex}[data-popup=align-elements] .djs-popup-body [data-group]+[data-group]{border-left:1px solid var(--popup-border-color)}[data-popup=align-elements] [data-group=align]{display:grid;grid-template-columns:repeat(3,1fr)}[data-popup=align-elements] .djs-popup-body .entry{padding:6px 8px}[data-popup=align-elements] .djs-popup-body .entry:not(:first-child){margin-top:0}[data-popup=align-elements] .djs-popup-entry-icon{display:block;margin:0;height:20px;width:20px}@font-face{font-family:bpmn;src:url(/assets/bpmn-GG2Gc6GC.eot?21877404);src:url(/assets/bpmn-GG2Gc6GC.eot?21877404#iefix) format("embedded-opentype"),url(/assets/bpmn-sIjfRMkI.woff2?21877404) format("woff2"),url(/assets/bpmn-CCmvRa3L.woff?21877404) format("woff"),url(/assets/bpmn-BXGSTQk_.ttf?21877404) format("truetype"),url(/assets/bpmn-CfAG4AR5.svg?21877404#bpmn) format("svg");font-weight:400;font-style:normal}[class^=bpmn-icon-]:before,[class*=" bpmn-icon-"]:before{font-family:bpmn;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bpmn-icon-trash:before{content:""}.bpmn-icon-gateway-parallel:before{content:""}.bpmn-icon-intermediate-event-catch-cancel:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-message:before{content:""}.bpmn-icon-start-event-compensation:before{content:""}.bpmn-icon-start-event-non-interrupting-parallel-multiple:before{content:""}.bpmn-icon-loop-marker:before{content:""}.bpmn-icon-parallel-mi-marker:before{content:""}.bpmn-icon-start-event-non-interrupting-signal:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before{content:""}.bpmn-icon-intermediate-event-catch-parallel-multiple:before{content:""}.bpmn-icon-intermediate-event-catch-compensation:before{content:""}.bpmn-icon-gateway-xor:before{content:""}.bpmn-icon-end-event-cancel:before{content:""}.bpmn-icon-intermediate-event-catch-condition:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before{content:""}.bpmn-icon-start-event-condition:before{content:""}.bpmn-icon-start-event-non-interrupting-timer:before{content:""}.bpmn-icon-sequential-mi-marker:before{content:""}.bpmn-icon-user-task:before{content:""}.bpmn-icon-business-rule:before{content:""}.bpmn-icon-sub-process-marker:before{content:""}.bpmn-icon-start-event-parallel-multiple:before{content:""}.bpmn-icon-start-event-error:before{content:""}.bpmn-icon-intermediate-event-catch-signal:before{content:""}.bpmn-icon-intermediate-event-catch-error:before{content:""}.bpmn-icon-end-event-compensation:before{content:""}.bpmn-icon-subprocess-collapsed:before{content:""}.bpmn-icon-subprocess-expanded:before{content:""}.bpmn-icon-task:before{content:""}.bpmn-icon-end-event-error:before{content:""}.bpmn-icon-intermediate-event-catch-escalation:before{content:""}.bpmn-icon-intermediate-event-catch-timer:before{content:""}.bpmn-icon-start-event-escalation:before{content:""}.bpmn-icon-start-event-signal:before{content:""}.bpmn-icon-business-rule-task:before{content:""}.bpmn-icon-manual:before{content:""}.bpmn-icon-receive:before{content:""}.bpmn-icon-call-activity:before{content:""}.bpmn-icon-start-event-timer:before{content:""}.bpmn-icon-start-event-message:before{content:""}.bpmn-icon-intermediate-event-none:before{content:""}.bpmn-icon-intermediate-event-catch-link:before{content:""}.bpmn-icon-end-event-escalation:before{content:""}.bpmn-icon-bpmn-io:before{content:""}.bpmn-icon-gateway-complex:before{content:""}.bpmn-icon-gateway-eventbased:before{content:""}.bpmn-icon-gateway-none:before{content:""}.bpmn-icon-gateway-or:before{content:""}.bpmn-icon-end-event-terminate:before{content:""}.bpmn-icon-end-event-signal:before{content:""}.bpmn-icon-end-event-none:before{content:""}.bpmn-icon-end-event-multiple:before{content:""}.bpmn-icon-end-event-message:before{content:""}.bpmn-icon-end-event-link:before{content:""}.bpmn-icon-intermediate-event-catch-message:before{content:""}.bpmn-icon-intermediate-event-throw-compensation:before{content:""}.bpmn-icon-start-event-multiple:before{content:""}.bpmn-icon-script:before{content:""}.bpmn-icon-manual-task:before{content:""}.bpmn-icon-send:before{content:""}.bpmn-icon-service:before{content:""}.bpmn-icon-receive-task:before{content:""}.bpmn-icon-user:before{content:""}.bpmn-icon-start-event-none:before{content:""}.bpmn-icon-intermediate-event-throw-escalation:before{content:""}.bpmn-icon-intermediate-event-catch-multiple:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before{content:""}.bpmn-icon-intermediate-event-throw-link:before{content:""}.bpmn-icon-start-event-non-interrupting-condition:before{content:""}.bpmn-icon-data-object:before{content:""}.bpmn-icon-script-task:before{content:""}.bpmn-icon-send-task:before{content:""}.bpmn-icon-data-store:before{content:""}.bpmn-icon-start-event-non-interrupting-escalation:before{content:""}.bpmn-icon-intermediate-event-throw-message:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before{content:""}.bpmn-icon-intermediate-event-throw-multiple:before{content:""}.bpmn-icon-start-event-non-interrupting-message:before{content:""}.bpmn-icon-ad-hoc-marker:before{content:""}.bpmn-icon-service-task:before{content:""}.bpmn-icon-task-none:before{content:""}.bpmn-icon-compensation-marker:before{content:""}.bpmn-icon-start-event-non-interrupting-multiple:before{content:""}.bpmn-icon-intermediate-event-throw-signal:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before{content:""}.bpmn-icon-participant:before{content:""}.bpmn-icon-event-subprocess-expanded:before{content:""}.bpmn-icon-lane-insert-below:before{content:""}.bpmn-icon-space-tool:before{content:""}.bpmn-icon-connection-multi:before{content:""}.bpmn-icon-lane:before{content:""}.bpmn-icon-lasso-tool:before{content:""}.bpmn-icon-lane-insert-above:before{content:""}.bpmn-icon-lane-divide-three:before{content:""}.bpmn-icon-lane-divide-two:before{content:""}.bpmn-icon-data-input:before{content:""}.bpmn-icon-data-output:before{content:""}.bpmn-icon-hand-tool:before{content:""}.bpmn-icon-group:before{content:""}.bpmn-icon-text-annotation:before{content:""}.bpmn-icon-transaction:before{content:""}.bpmn-icon-screw-wrench:before{content:""}.bpmn-icon-connection:before{content:""}.bpmn-icon-conditional-flow:before{content:""}.bpmn-icon-default-flow:before{content:""}:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #090d16;--bg-surface: #0f172a;--bg-card: #131d33;--bg-card-hover: #1e2942;--border-color: #1e293b;--border-subtle: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-faint: #64748b;--accent-primary: #38bdf8;--accent-primary-hover: #0284c7;--accent-glow: rgba(56, 189, 248, .15);--color-added: #10b981;--color-added-bg: rgba(16, 185, 129, .12);--color-added-border: rgba(16, 185, 129, .4);--color-removed: #f43f5e;--color-removed-bg: rgba(244, 63, 94, .12);--color-removed-border: rgba(244, 63, 94, .4);--color-modified: #f59e0b;--color-modified-bg: rgba(245, 158, 11, .12);--color-modified-border: rgba(245, 158, 11, .4);--color-unchanged: #64748b;--color-unchanged-bg: rgba(100, 116, 139, .12);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4)}[data-theme=light],.theme-light{--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--text-main: #0f172a;--text-muted: #475569;--text-faint: #94a3b8;--accent-primary: #0284c7;--accent-primary-hover: #0369a1;--accent-glow: rgba(2, 132, 199, .1);--color-added: #059669;--color-added-bg: #ecfdf5;--color-added-border: #a7f3d0;--color-removed: #e11d48;--color-removed-bg: #fff1f2;--color-removed-border: #fecdd3;--color-modified: #d97706;--color-modified-bg: #fffbeb;--color-modified-border: #fde68a;--color-unchanged: #64748b;--color-unchanged-bg: #f1f5f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;overflow-x:hidden}.app-root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-app)}.app-header{height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-brand{display:flex;align-items:center;gap:14px}.brand-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0284c7,#38bdf8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #38bdf866}.brand-titles h1{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.brand-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:500}.header-controls{display:flex;align-items:center;gap:10px}.header-tool-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;transition:all .2s ease}.header-tool-btn:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.header-tool-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.header-tool-btn.primary{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;border:none;box-shadow:0 2px 8px #0ea5e94d}.header-tool-btn.primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #0ea5e966}.header-tool-btn.icon-only{padding:8px;border-radius:8px}.app-main-content{flex:1;display:flex;flex-direction:column;padding:16px 24px;gap:14px}.upload-section{display:flex;flex-direction:column;gap:10px}.upload-controls-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.presets-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.presets-label{font-size:.8rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.preset-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:6px 12px;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.preset-btn:hover{border-color:var(--accent-primary);background:var(--accent-glow);color:var(--accent-primary)}.preset-btn.secondary{color:var(--text-muted)}.swap-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.swap-btn:hover{color:var(--text-main);border-color:var(--border-subtle)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dropzone-box{background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .2s ease}.dropzone-box:hover{border-color:var(--accent-primary);background:var(--bg-card)}.dropzone-box.has-file{border-style:solid;border-color:var(--border-subtle);background:var(--bg-card)}.dropzone-content{display:flex;align-items:center;gap:14px}.dropzone-icon-circle{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropzone-icon-circle.left-color{background:#38bdf826;color:#38bdf8}.dropzone-icon-circle.right-color{background:#a855f726;color:#a855f7}.dropzone-text h4{font-size:.88rem;font-weight:700;margin-bottom:2px}.dropzone-text p{font-size:.78rem;color:var(--text-muted)}.dropzone-text code{background:#ffffff14;padding:1px 4px;border-radius:4px;font-family:var(--font-mono);font-size:.75rem}.file-info-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--accent-primary);margin-top:2px}.file-info-badge span{color:var(--text-faint);font-size:.75rem}.clear-file-btn{background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-file-btn:hover{background:#ef444426;color:#ef4444}.viewer-pane-empty{flex:1;min-height:520px;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:12px;transition:all .2s ease}.viewer-pane-empty.left-empty:hover,.viewer-pane-empty.right-empty:hover{border-color:var(--border-subtle);background:var(--bg-card)}.empty-icon-circle{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.empty-icon-circle.left-color{background:#38bdf81f;color:#38bdf8}.empty-icon-circle.right-color{background:#a855f71f;color:#a855f7}.viewer-pane-empty h4{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.viewer-pane-empty p{font-size:.85rem;color:var(--text-muted);max-width:320px;line-height:1.45;margin:0}.viewer-pane-empty code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary)}.diff-summary-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:8px 16px;flex-wrap:wrap;gap:12px}.summary-left{display:flex;align-items:center;gap:18px}.view-mode-tabs{display:flex;background:var(--bg-app);padding:3px;border-radius:8px;gap:4px}.tab-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm)}.similarity-pill{display:flex;align-items:center;gap:8px;font-size:.82rem;background:var(--bg-app);padding:4px 10px;border-radius:6px;border:1px solid var(--border-color)}.similarity-label{color:var(--text-muted);font-weight:500}.similarity-value{font-weight:700;color:var(--accent-primary);font-family:var(--font-mono)}.similarity-bar-mini{width:50px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.similarity-fill{height:100%;background:linear-gradient(90deg,#10b981,#38bdf8);border-radius:3px}.summary-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-app);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.filter-pill:hover{border-color:var(--border-subtle);color:var(--text-main)}.filter-count{background:#ffffff14;padding:1px 6px;border-radius:10px;font-size:.72rem;font-family:var(--font-mono)}.filter-pill.filter-added.active{background:var(--color-added-bg);border-color:var(--color-added-border);color:var(--color-added)}.filter-pill.filter-removed.active{background:var(--color-removed-bg);border-color:var(--color-removed-border);color:var(--color-removed)}.filter-pill.filter-modified.active{background:var(--color-modified-bg);border-color:var(--color-modified-border);color:var(--color-modified)}.filter-pill.filter-all.active{background:var(--bg-card);border-color:var(--accent-primary);color:var(--text-main)}.filter-pill.filter-unchanged.active{background:var(--color-unchanged-bg);border-color:var(--color-unchanged);color:var(--text-main)}.workspace-layout{flex:1;display:flex;gap:16px;min-height:560px}.viewers-main-area{flex:1;display:flex;flex-direction:column}.dual-viewers-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:560px}.diagram-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.diagram-card.side-left{border-top:3px solid #38bdf8}.diagram-card.side-right{border-top:3px solid #a855f7}.diagram-card-header{padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:10px}.diagram-title-group{display:flex;flex-direction:column;gap:3px;min-width:0}.diagram-title-row{display:flex;align-items:center;gap:8px}.version-pill{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px}.pill-left{background:#38bdf833;color:#38bdf8}.pill-right{background:#a855f733;color:#c084fc}.flokzu-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;background:#ea580c26;color:#fb923c;padding:2px 6px;border-radius:4px}.diagram-title{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagram-subtitle{font-size:.72rem;color:var(--text-faint);font-family:var(--font-mono)}.diagram-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .15s}.icon-btn:hover{color:var(--text-main);border-color:var(--border-subtle);background:var(--bg-card-hover)}.zoom-indicator{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);min-width:42px;text-align:right}.diagram-canvas-wrapper{flex:1;position:relative;background:#0b1120;min-height:480px}[data-theme=light] .diagram-canvas-wrapper{background:#f8fafc}.bpmn-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.djs-container{overflow:hidden}.theme-dark .djs-element:not(.djs-connection) .djs-visual>rect,.theme-dark .djs-element:not(.djs-connection) .djs-visual>circle,.theme-dark .djs-element:not(.djs-connection) .djs-visual>polygon,.theme-dark .djs-element:not(.djs-connection) .djs-visual>path{fill:#1e293b!important;stroke:#94a3b8!important;stroke-width:2px!important}.theme-dark .djs-label text,.theme-dark .djs-visual text{fill:#f1f5f9!important;font-family:var(--font-sans)!important;font-weight:500!important}.theme-dark .djs-connection .djs-visual>path{stroke:#94a3b8!important;stroke-width:2px!important}.diff-marker-added .djs-visual>rect,.diff-marker-added .djs-visual>circle,.diff-marker-added .djs-visual>polygon{stroke:#10b981!important;stroke-width:3.5px!important;fill:#10b98140!important}.diff-marker-added.djs-connection .djs-visual>path{stroke:#10b981!important;stroke-width:3.5px!important;stroke-dasharray:4 2}.diff-marker-removed .djs-visual>rect,.diff-marker-removed .djs-visual>circle,.diff-marker-removed .djs-visual>polygon{stroke:#f43f5e!important;stroke-width:3.5px!important;fill:#f43f5e40!important}.diff-marker-removed.djs-connection .djs-visual>path{stroke:#f43f5e!important;stroke-width:3.5px!important;stroke-dasharray:6 3}.diff-marker-modified .djs-visual>rect,.diff-marker-modified .djs-visual>circle,.diff-marker-modified .djs-visual>polygon{stroke:#f59e0b!important;stroke-width:3.5px!important;fill:#f59e0b40!important}.diff-marker-modified.djs-connection .djs-visual>path{stroke:#f59e0b!important;stroke-width:3.5px!important}.diff-pulsing .djs-visual>rect,.diff-pulsing .djs-visual>circle,.diff-pulsing .djs-visual>polygon{animation:diffPulse 1.2s infinite ease-in-out;stroke:#38bdf8!important;stroke-width:4px!important}@keyframes diffPulse{0%{filter:drop-shadow(0 0 4px #38bdf8)}50%{filter:drop-shadow(0 0 16px #38bdf8)}to{filter:drop-shadow(0 0 4px #38bdf8)}}.diff-tag{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px #0006}.diff-tag-added{background:#10b981;color:#fff}.diff-tag-removed{background:#f43f5e;color:#fff}.diff-tag-modified{background:#f59e0b;color:#000}.hover-diff-tooltip{position:absolute;bottom:16px;left:16px;background:#0f172af2;border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;max-width:340px;box-shadow:var(--shadow-lg);pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tooltip-tag{font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:4px}.tooltip-tag.tag-added{background:var(--color-added-bg);color:var(--color-added)}.tooltip-tag.tag-removed{background:var(--color-removed-bg);color:var(--color-removed)}.tooltip-tag.tag-modified{background:var(--color-modified-bg);color:var(--color-modified)}.tooltip-id{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.tooltip-name{font-size:.85rem;font-weight:700;margin-bottom:6px}.tooltip-details{list-style:none;font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:3px}.tooltip-details li strong{color:var(--text-main)}.diff-inspector-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;transition:width .25s ease;box-shadow:var(--shadow-md);overflow:hidden}.diff-inspector-panel.open{width:360px}.diff-inspector-panel.closed{width:48px}.inspector-header{padding:12px 14px;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.inspector-title-group{display:flex;align-items:center;gap:8px}.inspector-icon{color:var(--accent-primary)}.inspector-title{font-size:.88rem;font-weight:700}.diff-total-count{font-size:.72rem;background:#ffffff1a;padding:2px 6px;border-radius:10px;font-family:var(--font-mono)}.toggle-panel-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.toggle-panel-btn:hover{color:var(--text-main);background:var(--bg-surface)}.chevron-icon{transition:transform .2s ease}.rotate-180{transform:rotate(180deg)}.inspector-search-box{padding:10px 12px;border-bottom:1px solid var(--border-color);position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:20px;color:var(--text-faint);pointer-events:none}.search-input{width:100%;background:var(--bg-app);border:1px solid var(--border-color);border-radius:6px;padding:6px 28px 6px 30px;font-size:.78rem;color:var(--text-main);font-family:var(--font-sans)}.search-input:focus{outline:none;border-color:var(--accent-primary)}.clear-search-btn{position:absolute;right:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.diff-items-container{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.diff-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:8px}.diff-card:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);transform:translateY(-1px)}.diff-card.selected-diff{border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:0 0 0 2px var(--accent-primary)}.diff-card.added{border-left:3px solid var(--color-added)}.diff-card.removed{border-left:3px solid var(--color-removed)}.diff-card.modified{border-left:3px solid var(--color-modified)}.diff-card.unchanged{border-left:3px solid var(--color-unchanged);opacity:.7}.diff-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.diff-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.element-kind{font-size:.68rem;color:var(--text-faint);font-weight:600;text-transform:uppercase}.element-name{font-size:.82rem;font-weight:700;color:var(--text-main);word-break:break-word}.element-id-sub{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.diff-chip{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.chip-added{background:var(--color-added-bg);color:var(--color-added);border:1px solid var(--color-added-border)}.chip-removed{background:var(--color-removed-bg);color:var(--color-removed);border:1px solid var(--color-removed-border)}.chip-modified{background:var(--color-modified-bg);color:var(--color-modified);border:1px solid var(--color-modified-border)}.chip-unchanged{background:var(--color-unchanged-bg);color:var(--color-unchanged)}.diff-card-details{border-top:1px solid var(--border-color);padding-top:6px;display:flex;flex-direction:column;gap:6px}.detail-item{font-size:.74rem;display:flex;flex-direction:column;gap:2px}.detail-prop{font-weight:600;color:var(--text-main)}.detail-desc{color:var(--text-muted)}.detail-values{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.7rem;margin-top:2px;background:var(--bg-app);padding:4px 6px;border-radius:4px;gap:2px}.val-old{color:var(--color-removed)}.val-new{color:var(--color-added)}.diff-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-faint);text-align:center;gap:10px;font-size:.8rem}.form-diff-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md);min-height:560px}.form-diff-header{padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.form-header-title{display:flex;align-items:center;gap:12px}.form-header-title h3{font-size:1rem;font-weight:700}.form-header-title p{font-size:.8rem;color:var(--text-muted)}.accent-icon{color:var(--accent-primary)}.form-filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box-mini{display:flex;align-items:center;gap:6px;background:var(--bg-app);border:1px solid var(--border-color);border-radius:6px;padding:4px 10px}.search-box-mini input{background:transparent;border:none;color:var(--text-main);font-size:.78rem;outline:none;width:140px}.filter-buttons-group{display:flex;align-items:center;gap:4px}.pill-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-app);color:var(--text-muted);cursor:pointer}.pill-btn.active{background:var(--bg-card-hover);border-color:var(--border-subtle);color:var(--text-main)}.pill-btn.added.active{background:var(--color-added-bg);border-color:var(--color-added);color:var(--color-added)}.pill-btn.removed.active{background:var(--color-removed-bg);border-color:var(--color-removed);color:var(--color-removed)}.pill-btn.modified.active{background:var(--color-modified-bg);border-color:var(--color-modified);color:var(--color-modified)}.form-table-wrapper{flex:1;overflow-x:auto}.form-comparison-table{width:100%;border-collapse:collapse;text-align:left}.form-comparison-table th{background:var(--bg-card);padding:12px 16px;font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color)}.form-comparison-table td{padding:14px 16px;font-size:.82rem;border-bottom:1px solid var(--border-color);vertical-align:top}.form-diff-row.row-added{background:#10b98108}.form-diff-row.row-removed{background:#f43f5e08}.form-diff-row.row-modified{background:#f59e0b08}.field-id-cell{font-family:var(--font-mono);font-weight:600;color:var(--text-muted)}.field-summary-card{display:flex;flex-direction:column;gap:4px}.field-main-label{font-weight:700;color:var(--text-main)}.field-meta-row{display:flex;align-items:center;gap:6px}.type-tag{font-size:.7rem;background:#ffffff14;padding:2px 6px;border-radius:4px;color:var(--accent-primary);font-weight:600}.loc-tag{font-size:.7rem;color:var(--text-faint)}.field-datasource{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-app);padding:4px 6px;border-radius:4px;margin-top:2px}.empty-val-cell{color:var(--text-faint);font-style:italic;font-size:.78rem}.changes-list{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:.78rem}.changes-list li{line-height:1.4}.old-val{color:var(--color-removed);text-decoration:line-through}.new-val{color:var(--color-added);font-weight:600}.unchanged-text{color:var(--text-faint);font-size:.78rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media(max-width:1024px){.upload-grid,.dual-viewers-grid{grid-template-columns:1fr}.workspace-layout{flex-direction:column}.diff-inspector-panel.open{width:100%}}