@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.bio-theme-parent{--bio-surface:#fff;--bio-surface-overlay:#fff;--bio-surface-subtle:#f7f7f8;--bio-surface-medium:#f1f2f4;--bio-surface-inverted:#383838;--bio-surface-inverted-subtle:#505562;--bio-text:#22242a;--bio-text-subtle:#505562;--bio-text-subtlest:#818798;--bio-text-on-inverted:#fff;--bio-border:#b9bcc6;--bio-border-disabled:#e3e4e8;--bio-primary:#07c;--bio-primary-surface:#e6f4ff;--bio-danger:#e60000;--bio-danger-surface-subtle:#fff0f0;--bio-selected-surface:var(--bio-surface-medium);--bio-selected-text:var(--bio-text);--bio-focus:#07c;--bio-focus-surface:#e6f4ff;--bio-canvas-accent:#07c;--bio-canvas-accent-subtle:#80caff;--bio-shadow:#0000004d;--bio-shadow-subtle:#0000001a;--bio-radius-sm:2px;--bio-radius-md:3px;--bio-radius-lg:4px}.djs-parent{--button-border-radius:var(--bio-radius-md);--input-border-radius:var(--bio-radius-sm);--surface-border-radius:var(--bio-radius-lg);--canvas-fill-color:var(--bio-surface);--accent-color:var(--bio-canvas-accent);--bendpoint-fill-color:var(--bio-canvas-accent);--bendpoint-stroke-color:var(--canvas-fill-color);--context-pad-entry-background-color:var(--bio-surface);--context-pad-entry-hover-background-color:var(--bio-surface-medium);--element-dragger-color:var(--accent-color);--element-selected-outline-stroke-color:var(--accent-color);--element-selected-outline-secondary-stroke-color:var(--bio-canvas-accent-subtle);--lasso-fill-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--lasso-stroke-color:var(--element-selected-outline-stroke-color);--palette-entry-color:var(--bio-text);--palette-entry-hover-color:var(--bio-primary);--palette-entry-selected-color:var(--bio-primary);--palette-separator-color:var(--bio-border);--palette-toggle-hover-background-color:var(--bio-surface-medium);--palette-background-color:var(--bio-surface-subtle);--palette-border-color:var(--bio-border);--popup-font-family:"IBM Plex Sans", sans-serif;--popup-font-size:14px;--popup-secondary-font-size:.9em;--popup-header-entry-selected-color:var(--bio-primary);--popup-header-font-weight:bolder;--popup-header-group-divider-color:var(--bio-border);--popup-background-color:var(--bio-surface-overlay);--popup-border-color:transparent;--popup-shadow-color:var(--bio-shadow);--popup-scrollbar-thumb-color:#0003;--popup-button-background-color:var(--bio-surface-overlay);--popup-button-hover-background-color:var(--bio-surface-medium);--popup-disabled-color:var(--bio-text-subtle);--popup-description-color:var(--bio-text-subtle);--popup-no-results-color:var(--bio-text-subtlest);--popup-entry-title-color:var(--bio-text-subtlest);--popup-entry-selected-background-color:var(--bio-selected-surface);--popup-entry-selected-color:var(--bio-selected-text);--popup-search-border-color:var(--bio-border);--popup-search-focus-border-color:var(--bio-focus);--popup-search-focus-background-color:var(--bio-focus-surface);--popup-tab-color:var(--bio-text-subtlest);--popup-tab-hover-color:var(--bio-text);--popup-tab-active-color:var(--bio-text);--popup-tab-active-border-color:var(--bio-primary);--popup-tab-strip-border-color:var(--bio-border-disabled);--popup-tab-focus-border-color:var(--bio-focus);--resizer-fill-color:var(--bio-canvas-accent);--resizer-stroke-color:var(--canvas-fill-color);--search-font-family:"IBM Plex Sans", sans-serif;--search-font-size:14px;--search-container-background-color:var(--bio-surface-overlay);--search-shadow-color:var(--bio-shadow);--search-input-border-color:var(--bio-border);--search-input-focus-border-color:var(--bio-focus);--search-input-focus-background-color:var(--bio-primary-surface);--search-result-hover-background-color:var(--bio-surface-medium);--search-result-secondary-color:var(--bio-text-subtlest);--search-preselected-background-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--shape-attach-allowed-stroke-color:var(--accent-color);--shape-connect-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-not-allowed-fill-color:var(--bio-danger-surface-subtle);--shape-resize-preview-stroke-color:var(--accent-color);--snap-line-stroke-color:color-mix(in srgb, var(--bio-canvas-accent) 30%, transparent);--space-tool-crosshair-stroke-color:var(--bio-text);--tooltip-error-background-color:var(--bio-danger-surface-subtle);--tooltip-error-border-color:var(--bio-danger);--tooltip-error-color:var(--bio-danger);--hover-tooltip-font-family:"IBM Plex Sans", sans-serif;--hover-tooltip-font-size:12px;--hover-tooltip-secondary-font-size:11px;--hover-tooltip-background-color:var(--bio-surface-inverted);--hover-tooltip-color:var(--bio-text-on-inverted);--hover-tooltip-shadow-color:var(--bio-shadow-subtle);--palette-tooltip-shortcut-background-color:var(--bio-surface-inverted-subtle)}.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>:first-child{fill:var(--shape-connect-allowed-fill-color)!important}.djs-shape.connect-not-ok .djs-visual>:first-child,.djs-shape.drop-not-ok .djs-visual>:first-child{fill:var(--shape-drop-not-allowed-fill-color)!important}.djs-shape.new-parent .djs-visual>:first-child{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>:first-child{stroke-width:5px!important;stroke:var(--shape-attach-allowed-stroke-color)!important}.djs-frame.connect-not-ok .djs-visual>:first-child,.djs-frame.drop-not-ok .djs-visual>:first-child{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,.djs-dragger>.djs-resizer{visibility:hidden}.djs-dragger *{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragger tspan,.djs-dragger text,.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{box-sizing:border-box;width:48px;position:absolute;top:20px;left:20px}.djs-palette .separator{border:none;border-bottom:solid 1px var(--palette-separator-color);clear:both;margin:5px;padding-top:5px}.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);text-align:center;font-size:30px}.djs-palette .entry{float:left}.djs-palette .entry img{max-width:100%}.djs-palette .djs-palette-entries:after{content:"";clear:both;display:table}.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{cursor:default;width:46px;height:46px;line-height:46px}.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-hover-tooltip{z-index:1000;border-radius:var(--surface-border-radius);background-color:var(--hover-tooltip-background-color);color:var(--hover-tooltip-color);font-family:var(--hover-tooltip-font-family);font-size:var(--hover-tooltip-font-size);white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px var(--hover-tooltip-shadow-color);align-items:center;gap:6px;padding:6px 10px;line-height:1.2;display:flex;position:fixed}.djs-hover-tooltip--right{transform:translateY(-50%)}.djs-hover-tooltip--top{transform:translate(-50%,-100%)}.djs-palette-tooltip-shortcut{border-radius:var(--button-border-radius);background-color:var(--palette-tooltip-shortcut-background-color);font-family:monospace;font-size:var(--hover-tooltip-secondary-font-size);padding:1px 5px;line-height:1.2}.djs-context-pad{pointer-events:none;z-index:100;width:72px;line-height:1;display:none;position:absolute}.djs-context-pad .entry{text-align:center;cursor:default;background-color:var(--context-pad-entry-background-color);width:22px;height:22px;box-shadow:0 0 2px 1px var(--context-pad-entry-background-color);pointer-events:all;vertical-align:middle;border-radius:3px;margin:0 2px 2px 0;font-size:22px;display:inline-block}.djs-context-pad .entry:hover{background:var(--context-pad-entry-hover-background-color)}.djs-context-pad.open{display:block}.djs-popup{box-sizing:border-box;background:var(--popup-background-color);z-index:200;box-shadow:0px 2px 6px var(--popup-shadow-color);border:solid 1px var(--popup-border-color);min-width:120px;max-width:300px;line-height:1;font-size:var(--popup-font-size);font-family:var(--popup-font-family);outline:none;position:fixed;overflow:hidden}.djs-popup-search input{box-sizing:border-box;width:100%;font-size:var(--popup-font-size);border-radius:var(--input-border-radius);border:solid 1px var(--popup-search-border-color);padding:3px 6px 3px 28px;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{align-items:stretch;margin:10px 12px;line-height:20px;display:flex}.djs-popup-header .entry{border-radius:2px}.djs-popup button.entry{background:0 0;border:0;padding:0}.djs-popup-header .entry.active{color:var(--popup-header-entry-selected-color)}.djs-popup-header .entry.disabled{color:inherit}.djs-popup-header-group{flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;display:flex}.djs-popup-header-group .entry{flex-direction:row;align-items:center;display:flex}.djs-popup-header-group+.djs-popup-header-group:before{content:"";background:var(--popup-header-group-divider-color);width:1px;height:20px;margin:0 5px}.djs-popup-search{width:auto;margin:10px 12px;position:relative}.djs-popup-tabs-container{border-bottom:solid 1px var(--popup-tab-strip-border-color);position:relative}.djs-popup-tabs-scroll{appearance:none;width:28px;color:var(--popup-tab-color);cursor:pointer;border:none;border-radius:0;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:1px}.djs-popup-tabs-scroll:hover{color:var(--popup-tab-hover-color)}.djs-popup-tabs-scroll-start{background:linear-gradient(to left, transparent, var(--popup-background-color) 60%);justify-content:flex-start;left:0}.djs-popup-tabs-scroll-end{background:linear-gradient(to right, transparent, var(--popup-background-color) 60%);justify-content:flex-end;right:0}.djs-popup-tabs-scroll-start svg{transform:rotate(180deg)}.djs-popup-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding:0 12px;scroll-padding:0 28px;display:flex;overflow:auto hidden}.djs-popup-tabs::-webkit-scrollbar{display:none}.djs-popup-tab{appearance:none;font:inherit;font-size:var(--popup-font-size);color:var(--popup-tab-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:6px 10px}.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{margin:10px 12px;line-height:20px;display:flex}.djs-popup-breadcrumbs-item{appearance:none;min-width:0;color:var(--popup-description-color);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;margin:0;padding:0;display:inline-flex;overflow:hidden}.djs-popup-breadcrumbs-item--separator:before{content:"/";color:var(--popup-description-color);margin:0 4px;display:inline-block}.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{border:1px solid var(--popup-search-border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:2px 3px}.djs-popup-breadcrumbs-item--back:hover{background:var(--popup-button-hover-background-color)}.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{flex-shrink:0;align-items:center;gap:6px;margin-left:6px;display:flex}.djs-popup-entry-chevron{color:var(--popup-description-color);align-items:center;display:flex}.djs-popup-search-icon{position:absolute;top:7px;left:8px}.djs-popup-search-count{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin:0 12px}.djs-popup-results{max-height:280px;margin:7px 3px 7px 12px;padding-right:9px;list-style:none;overflow:auto}.djs-popup-results:focus{outline:none}.djs-popup-group{width:100%;margin:0;padding:0}.djs-popup-body .entry,.djs-popup-body .entry-header{cursor:default;border-radius:4px;padding:5px 7px}.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{vertical-align:middle;width:1em;height:1em;font-size:1.4em;display:inline-block}.djs-popup-body .entry-header:not(:first-child){margin-top:8px;margin-bottom:2px}.djs-popup-body .entry{flex-direction:row;align-items:stretch;height:min-content;display:flex}.djs-popup .entry.selected{color:var(--popup-entry-selected-color);background-color:var(--popup-entry-selected-background-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{flex-direction:column;flex:1;display:flex}.djs-popup-entry-description{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin-top:.25em}.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{background-color:var(--popup-scrollbar-thumb-color);border-radius:3px}.djs-popup ::-webkit-scrollbar-track{box-shadow:none;background:0 0;margin:0;padding:5px}.djs-popup-no-results{color:var(--popup-no-results-color);padding:0 12px 12px}.djs-popup-footer{border-top:solid 1px var(--popup-border-color);padding:5px 12px 7px;display:flex}.djs-popup--pointer .djs-popup-footer{display:none}.djs-popup-entry-docs{visibility:hidden;color:var(--popup-description-color);background:var(--popup-button-background-color);border:1px solid var(--popup-search-border-color);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;transition:background-color .12s,border-color .12s,color .12s;display:flex}.djs-popup--pointer .djs-popup-body .entry:hover .djs-popup-entry-docs{visibility:visible}.djs-popup-body .entry .djs-popup-entry-docs:hover{background:var(--popup-button-hover-background-color)}.djs-popup-entry-docs svg{vertical-align:middle}.djs-popup-footer-docs{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.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:var(--surface-border-radius)}.djs-segment-dragger,.djs-bendpoint{display:none}.djs-segment-dragger .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px;stroke-opacity:1;display:none}.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 *,.djs-bendpoints:not(.hover) .floating,.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{opacity:1;display:block}.djs-tooltip-error{background:var(--tooltip-error-background-color);border:solid 1px var(--tooltip-error-border-color);border-radius:var(--surface-border-radius);width:160px;color:var(--tooltip-error-color);opacity:.75;padding:6px;font-size:12px;line-height:16px}.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{z-index:10;width:25%;min-width:300px;max-width:400px;font-family:var(--search-font-family);font-size:var(--search-font-size);border-radius:var(--surface-border-radius);box-shadow:0px 2px 6px var(--search-shadow-color);margin-left:auto;margin-right:auto;position:absolute;top:20px;left:0;right:0}.djs-search-container:not(.open){display:none}.djs-search-input{position:relative}.djs-search-input svg{position:absolute;top:7px;left:8px}.djs-search-input input{font-size:var(--search-font-size);border:1px solid var(--search-input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;width:100%;padding:3px 6px 3px 28px;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{background:var(--search-container-background-color);max-height:200px;position:relative;overflow-y:auto}.djs-search-result{padding:6px 8px}.djs-search-result-primary{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;overflow:hidden}.djs-search-result-secondary{text-overflow:ellipsis;white-space:nowrap;color:var(--search-result-secondary-color);margin:0;font-family:monospace;overflow:hidden}.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}@layer wardley-tokens{:root{--cd-blau:#335de5;--cd-gruen:#00e676;--cd-grau:#f9f7f7;--cd-schwarz:#1d1d1d;--cd-weiss:#fff;--cd-blau-link:#2b50d4;--cd-blau-hell:#6b8aff;--cd-success:#0b7a55;--cd-success-soft:#0b7a551f;--cd-warning:#92610a;--cd-warning-soft:#92610a1f;--cd-danger:#c92a2a;--cd-danger-soft:#c92a2a1f;--cd-info:#2b50d4;--cd-info-soft:#2b50d41f;--cd-linie:#e6e2e2;--cd-kontur:#8f8a8a;--cd-text-leise:#6b6666;--cd-gradient-brand:linear-gradient(120deg, #335de5 30%, #00e676);--cd-gradient-format:linear-gradient(135deg, #335de5 0%, #00e676 140%);--cd-space-1:4px;--cd-space-2:8px;--cd-space-3:16px;--cd-space-4:24px;--cd-space-5:32px;--cd-space-6:48px;--cd-space-7:64px;--cd-space-8:96px;--cd-radius-sm:6px;--cd-radius-md:12px;--cd-radius-lg:16px;--cd-radius-pill:999px;--cd-shadow-1:0 1px 2px #1d1d1d0f, 0 1px 3px #1d1d1d1a;--cd-shadow-2:0 4px 12px #1d1d1d1a;--cd-shadow-3:0 12px 32px #1d1d1d29;--cd-motion-fast:.15s;--cd-motion-base:.25s;--cd-motion-slow:.4s;--cd-ease:cubic-bezier(.4, 0, .2, 1);--cd-ease-out:cubic-bezier(0, 0, .2, 1)}}:root{--wardley-paper:#f9f7f7;--wardley-ink:#1d1d1d;--wardley-ink-soft:#6b6666;--wardley-surface:#fff;--wardley-border:#e6e2e2;--wardley-accent:#335de5;--wardley-accent-soft:#335de51f;--wardley-brand:#00e676;--wardley-danger:#c92a2a;--wardley-shadow:#1d1d1d1a;--wardley-radius-sm:6px;--wardley-radius:12px;--wardley-radius-lg:16px}.wardley-container.wardley-dark{--wardley-paper:#080a20}.wardley-container{background-color:var(--wardley-paper);background-image:radial-gradient(#1d1d1d0b .6px,#0000 .6px);background-size:22px 22px;width:100%;height:100%;font-family:Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.wardley-container .layer-wardley-axes{pointer-events:none}.wardley-container .djs-element text{-webkit-user-select:none;user-select:none}.wardley-container .wardley-evolve-handle{cursor:ew-resize;pointer-events:all}.wardley-container .djs-element.hover>.djs-visual :not(g,text,tspan),.wardley-container .djs-element.selected>.djs-visual :not(g,text,tspan){filter:brightness(.72)}.wardley-container .djs-connection.hover>.djs-visual>polyline{stroke-width:2.5px!important}.wardley-container .djs-connection.selected>.djs-visual>polyline{stroke-width:3px!important}.wardley-container .djs-connection.hover>.djs-visual:not(:has(>polygon))>polyline{stroke:var(--wardley-ink-soft)!important}.wardley-container .djs-connection.selected>.djs-visual:not(:has(>polygon))>polyline{stroke:var(--wardley-ink)!important}.wardley-container .djs-connection.hover>.djs-visual:has(>polygon)>polyline{stroke-width:3.25px!important}.wardley-container .djs-connection.selected>.djs-visual:has(>polygon)>polyline{stroke-width:3.75px!important}.wardley-container .djs-outline{stroke:var(--wardley-accent);stroke-dasharray:3 3}.wardley-container .djs-parent{--element-hover-outline-fill-color:var(--wardley-accent-soft);--element-selected-outline-stroke-color:var(--wardley-accent);--element-selected-outline-secondary-stroke-color:var(--wardley-accent-soft);--lasso-fill-color:var(--wardley-accent-soft);--lasso-stroke-color:var(--wardley-accent)}.wardley-container .djs-resizer-visual{fill:var(--wardley-surface);stroke:var(--wardley-accent)}.wardley-container .djs-resizer-hit{fill:none}.djs-palette.wardley-palette{box-sizing:border-box;scrollbar-width:thin;background:var(--wardley-surface);border:1px solid var(--wardley-border);border-radius:var(--wardley-radius);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--cd-shadow-2,0 4px 12px #1d1d1d1a);--palette-entry-selected-color:var(--wardley-surface);align-items:center;padding:5px 7px;display:flex;top:12px;left:50%;overflow:auto hidden;transform:translate(-50%)}.djs-palette.wardley-palette.two-column.open{width:auto}.djs-palette.wardley-palette .djs-palette-entries,.djs-palette.wardley-palette .group{flex-direction:row;align-items:center;display:flex}.djs-palette.wardley-palette .entry{float:none;border-radius:var(--wardley-radius-sm);width:40px;height:40px;color:var(--wardley-ink);transition:background var(--cd-motion-fast,.15s) var(--cd-ease,ease), color var(--cd-motion-fast,.15s) var(--cd-ease,ease);flex:none;line-height:normal}.djs-palette.wardley-palette .entry:hover{background:var(--wardley-accent-soft);color:var(--wardley-accent)}.wardley-container.wardley-draw-mode,.wardley-container.wardley-draw-mode *{cursor:crosshair!important}.wardley-container .wardley-drawing-handle{cursor:grab;pointer-events:all}.djs-palette.wardley-palette .entry.highlighted-entry{background:var(--wardley-accent);color:var(--wardley-surface)}.wardley-container .djs-hover-tooltip--right{border-radius:var(--cd-radius-sm,6px);font-family:inherit;transform:translate(calc(-50% - 28px),28px)}.djs-palette.wardley-palette .group+.group{margin-left:9px;padding-left:9px;position:relative}.djs-palette.wardley-palette .group+.group:before{content:"";background:var(--wardley-border);width:1px;position:absolute;top:6px;bottom:6px;left:0}.wardley-palette-entry{width:100%;min-width:24px;height:100%;min-height:24px;color:var(--wardley-ink);justify-content:center;align-items:center;line-height:1;display:flex}.wardley-palette-svg{display:block}.wardley-container .djs-context-pad{width:max-content}.wardley-container .djs-context-pad.open{grid-template-columns:repeat(2,max-content);align-items:start;gap:4px 7px;display:grid}.wardley-container .djs-context-pad .group{gap:4px;display:flex}.wardley-container .djs-context-pad .group[data-group=edit]{grid-column:1/-1}.wardley-container .djs-context-pad .group[data-group=wardley]+.group[data-group=danger]{padding-left:7px;position:relative}.wardley-container .djs-context-pad .group[data-group=wardley]+.group[data-group=danger]:before{content:"";background:var(--wardley-border);width:1px;position:absolute;top:5px;bottom:5px;left:0}.wardley-container .djs-context-pad .entry.wardley-cp-entry{box-sizing:border-box;border-radius:var(--wardley-radius-sm);width:28px;height:28px;box-shadow:var(--cd-shadow-1,0 1px 2px #1d1d1d0f, 0 1px 3px #1d1d1d1a);background:var(--wardley-surface);color:var(--wardley-ink);transition:background var(--cd-motion-fast,.15s) var(--cd-ease,ease), color var(--cd-motion-fast,.15s) var(--cd-ease,ease);justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex}.wardley-container .djs-context-pad .entry:hover{background:var(--wardley-accent-soft);color:var(--wardley-accent)}.wardley-container .djs-context-pad .group[data-group=danger] .entry:hover{background:color-mix(in srgb, var(--wardley-danger) 12%, var(--wardley-surface));color:var(--wardley-danger)}.wardley-container .wardley-label-input{border:1.5px solid var(--wardley-accent);border-radius:var(--cd-radius-sm,6px);background:var(--wardley-surface);color:var(--wardley-ink);box-shadow:0 2px 12px var(--wardley-accent-soft);z-index:100;outline:none;min-width:90px;padding:2px 6px;font-family:inherit;font-size:13px}.wardley-container .wardley-link-input{min-width:240px}.wardley-container .wardley-label-textarea{resize:none;white-space:pre;min-width:120px;font-style:italic;line-height:17px}.wardley-container .djs-element.wardley-label-editing .wardley-name-label{visibility:hidden}.wardley-container .wardley-label-input--name{box-sizing:border-box;min-width:0;overflow:hidden}.wardley-container .wardley-label-input--error{border-color:var(--wardley-danger);box-shadow:0 2px 12px color-mix(in srgb, var(--wardley-danger) 18%, transparent)}.wardley-container .wardley-label-caption{z-index:101;border-radius:var(--wardley-radius-sm);background:var(--wardley-surface);max-width:320px;box-shadow:0 1px 2px var(--wardley-shadow);color:var(--wardley-ink-soft);pointer-events:none;padding:3px 8px;font-size:11px;font-style:normal;font-weight:400;line-height:1.4;position:absolute}.wardley-container .wardley-label-error{color:var(--wardley-danger)}.wardley-container.wardley-dark{background-image:radial-gradient(#ffffff0d .6px,#0000 .6px)}.wardley-container .wardley-color-picker{z-index:300;background:var(--wardley-surface);border:1px solid var(--wardley-border);border-radius:var(--cd-radius-md,12px);box-shadow:var(--cd-shadow-3,0 12px 32px #1d1d1d29);grid-template-columns:repeat(3,22px);gap:6px;padding:8px;display:grid;position:absolute}.wardley-container .wardley-cp-swatch{border-radius:var(--cd-radius-sm,6px);border:1px solid var(--wardley-border);cursor:pointer;width:22px;height:22px;transition:transform var(--cd-motion-fast,.15s) var(--cd-ease,ease);padding:0}.wardley-container .wardley-cp-swatch:hover{transform:scale(1.1)}.wardley-container .wardley-cp-active{box-shadow:0 0 0 2px var(--wardley-surface), 0 0 0 4px var(--wardley-accent)}.wardley-container .wardley-cp-none{background:var(--wardley-surface);background-image:linear-gradient(45deg, transparent 44%, var(--wardley-danger) 45%, var(--wardley-danger) 55%, transparent 56%)}.wardley-container .djs-element.wardley-drop-target>.djs-visual>rect:first-child{stroke:var(--wardley-ink)!important;stroke-width:2px!important;stroke-dasharray:none!important;fill:#1d1d1d0d!important}.wardley-container .djs-drag-active .djs-element.hover>.djs-visual,.wardley-container .djs-drag-active .djs-element.hover>.djs-visual :not(g,text,tspan){filter:none}.wardley-container .wardley-map-resize-hit{fill:#0000;stroke:none;pointer-events:all}.wardley-container .wardley-map-resize-x .wardley-map-resize-hit{cursor:ew-resize}.wardley-container .wardley-map-resize-y .wardley-map-resize-hit{cursor:ns-resize}.wardley-container .wardley-map-resize-xy .wardley-map-resize-hit{cursor:nwse-resize}.wardley-container .wardley-map-resize-visual{opacity:0;pointer-events:none;stroke:var(--wardley-ink-soft);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.wardley-container rect.wardley-map-resize-visual{fill:var(--wardley-surface);stroke-width:1px;rx:2px}.wardley-container .wardley-map-resize:hover .wardley-map-resize-visual,.wardley-container .wardley-map-resize.is-dragging .wardley-map-resize-visual{opacity:1}.wardley-container .wardley-map-resize-handle:hover .wardley-map-resize-visual{stroke:var(--wardley-ink)}.wardley-container .wardley-map-resize-badge{z-index:30;border-radius:var(--wardley-radius-sm);background:var(--wardley-ink);color:var(--wardley-surface);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px var(--wardley-shadow);padding:4px 8px;font-size:12px;line-height:1.4;position:absolute}.wardley-container .wardley-map-resize-badge[hidden]{display:none}@media (prefers-reduced-motion:reduce){.wardley-container .wardley-map-resize-visual{transition:none}}.djs-popup.wardley-element-settings{border:1px solid var(--wardley-border);border-radius:var(--cd-radius-md,12px);box-shadow:var(--cd-shadow-3,0 12px 32px #1d1d1d29);font-family:inherit}.djs-popup.wardley-element-settings .djs-popup-results{max-height:none}.djs-popup.wardley-element-settings .djs-popup-results:focus-visible{outline:none}.djs-popup.wardley-element-settings:has(.djs-popup-results:focus-visible){outline:2px solid var(--cd-blau-link,#2b50d4);outline-offset:2px}.wardley-container :where(button,a,select,input,textarea,[role=button],[tabindex]):focus-visible,.djs-palette.wardley-palette :where(.entry,[role=button],[tabindex]):focus-visible,.djs-popup.wardley-element-settings :where(.entry,[tabindex]):focus-visible{outline:2px solid var(--cd-blau-link,#2b50d4);outline-offset:2px}.wardley-container svg:focus-visible{outline:2px solid var(--cd-blau-link,#2b50d4);outline-offset:-2px}.wardley-container svg:focus:not(:focus-visible),.wardley-container .wardley-label-input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.wardley-container *,.wardley-container :before,.wardley-container :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.wardley-container.wardley-labels-draggable .wardley-label-handle{cursor:move;pointer-events:all}.wardley-container.wardley-label-dragging,.wardley-container.wardley-label-dragging *{cursor:move!important}.wardley-container .djs-element.hover>.djs-visual .wardley-movement-underlay,.wardley-container .djs-element.selected>.djs-visual .wardley-movement-underlay{visibility:hidden}.wardley-container.wardley-dark .layer-wardley-axes .wardley-axis-text{fill:#8f8a8a!important}:root{--paper:var(--cd-grau);--surface:var(--cd-weiss);--surface-2:var(--cd-grau);--ink:var(--cd-schwarz);--ink-soft:var(--cd-text-leise);--ink-faint:var(--cd-text-leise);--line:var(--cd-linie);--kontur:var(--cd-kontur);--accent:var(--cd-blau);--accent-hover:var(--cd-blau-link);--accent-ink:var(--cd-blau-link);--accent-soft:color-mix(in srgb, var(--cd-blau) 12%, transparent);--brand:var(--cd-gruen);--success:var(--cd-success);--warning:var(--cd-warning);--danger:var(--cd-danger);--info:var(--cd-info);--radius-sm:var(--cd-radius-sm);--radius:var(--cd-radius-md);--radius-lg:var(--cd-radius-lg);--shadow-1:var(--cd-shadow-1);--shadow-2:var(--cd-shadow-2);--shadow-3:var(--cd-shadow-3);--motion-fast:var(--cd-motion-fast);--motion-base:var(--cd-motion-base);--ease:var(--cd-ease);--ease-out:var(--cd-ease-out);--backdrop:color-mix(in srgb, var(--cd-schwarz) 42%, transparent);--font-sans:"Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#app{position:relative}:where(button,a,select,input,textarea,summary):focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}kbd{font-family:var(--font-sans);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;border-bottom-width:2px;padding:1px 5px;font-size:11px;font-weight:500}.app-menu{z-index:30;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px}.icon-btn{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:500;display:inline-flex}.icon-btn svg{flex:none;display:block}.icon-btn:hover,.icon-btn[aria-expanded=true]{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.icon-btn:active{transform:translateY(1px)}.title-field{box-sizing:border-box;min-width:0;max-width:max(48px,50vw - 431px);font:inherit;color:var(--ink);border-radius:var(--radius);text-overflow:ellipsis;transition:background var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);background:0 0;border:1px solid #0000;padding:7px 9px;font-size:14px;font-weight:600}.title-field::placeholder{color:var(--ink-soft);font-weight:500}.title-field:hover{background:color-mix(in srgb, var(--surface) 80%, transparent);border-color:var(--line)}.title-field:focus{background:var(--surface);border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.title-field:focus-visible{outline:2px solid var(--accent-ink)}.menu-dropdown[hidden]{display:none}.menu-dropdown{z-index:40;background:linear-gradient(var(--surface) 30%, transparent) center top / 100% 28px no-repeat local, linear-gradient(transparent, var(--surface) 70%) center bottom / 100% 28px no-repeat local, radial-gradient(farthest-side at 50% 0, color-mix(in srgb, var(--ink) 18%, transparent), transparent) center top / 100% 10px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, color-mix(in srgb, var(--ink) 18%, transparent), transparent) center bottom / 100% 10px no-repeat scroll, var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:296px;max-height:calc(100vh - 80px);box-shadow:var(--shadow-3);animation:menu-pop var(--motion-fast) var(--ease-out);padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px)}}.menu-item{width:100%;font:inherit;color:var(--ink);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.menu-item svg{color:var(--ink-soft);flex:none}.menu-item:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink)}.menu-item:hover:not(:disabled) svg{color:var(--accent-ink)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-kbd{margin-left:auto}.menu-sep{background:var(--line);height:1px;margin:5px 8px}.menu-size{padding:2px 0 6px}.menu-field{color:var(--ink);align-items:center;gap:10px;padding:8px 10px 6px;font-size:13px;display:flex}.menu-field>span{align-items:center;gap:10px;display:inline-flex}.menu-field svg{color:var(--ink-soft);flex:none}.menu-field select,.size-input input,.axis-row select,.axis-stage input{font:inherit;color:var(--ink);border:1px solid var(--kontur);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color var(--motion-fast) var(--ease), background var(--motion-fast) var(--ease)}.menu-field select{cursor:pointer;min-width:0;max-width:172px;margin-left:auto;padding:5px 6px;font-size:12.5px}.menu-size-inputs{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;padding:0 10px 0 36px;font-size:12px;display:flex}.size-input{align-items:center;gap:4px;display:inline-flex}.size-input input{font-variant-numeric:tabular-nums;width:58px;padding:4px 6px;font-size:12.5px}.size-times{color:var(--ink-soft)}.link-btn{white-space:nowrap;font:inherit;color:var(--accent-ink);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin-left:auto;padding:2px 0;font-size:12px;text-decoration:underline}.link-btn[hidden]{display:none}.menu-hint{color:var(--ink-soft);margin:6px 10px 0 36px;font-size:11.5px;line-height:1.4}:where(.size-input input,.axis-stage input):focus,:where(.menu-field select,.axis-row select):focus{border-color:var(--accent);background:var(--surface);outline:2px solid var(--accent-soft);outline-offset:0}:where(.size-input input,.axis-stage input,.menu-field select,.axis-row select):focus-visible{outline:2px solid var(--accent-ink);outline-offset:1px}.app-toolbar{z-index:30;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}:where(.app-toolbar,.empty-card,.app-dialog) :is(.primary,.ghost){font:inherit;border-radius:var(--radius);cursor:pointer;transition:background var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}:where(.app-toolbar,.empty-card,.app-dialog) .primary{color:var(--cd-weiss);border:1px solid var(--accent);background:var(--accent);box-shadow:var(--shadow-1)}:where(.app-toolbar,.empty-card,.app-dialog) .primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-2);transform:translateY(-1px)}:where(.app-toolbar,.empty-card,.app-dialog) .ghost{color:var(--ink);border:1px solid var(--line);background:var(--surface)}:where(.app-toolbar,.empty-card,.app-dialog) .ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}:where(.app-toolbar,.empty-card,.app-dialog) :is(.primary,.ghost):active{transform:translateY(0)}:where(.app-toolbar,.empty-card,.app-dialog) :is(.primary,.ghost):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.app-dialog :is(.primary,.ghost)[hidden]{display:none}.app-toolbar .primary{padding:9px 16px}.app-toolbar button svg{flex:none;display:block}.app-stage,.app-canvas{position:absolute;inset:0}.app-stage.drag-over:after{content:"Drop a .wmap, .owm or .json file";z-index:30;border:2px dashed var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent-ink);pointer-events:none;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:absolute;inset:12px}.onboarding-hint{z-index:4;text-align:center;width:max-content;max-width:min(520px,100% - 48px);color:var(--ink-soft);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:14px;line-height:1.7;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.onboarding-hint[hidden],.app-canvas.wardley-draw-mode~.onboarding-hint,.empty-state[hidden],.app-canvas.wardley-draw-mode~.empty-state{display:none}.empty-state{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.empty-card{pointer-events:auto;text-align:center;background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:380px;box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:card-in var(--motion-base) var(--ease-out);flex-direction:column;align-items:center;gap:12px;margin:0 16px;padding:36px 40px;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.empty-mark{width:60px;height:60px;box-shadow:var(--shadow-2);border-radius:15px}.empty-card h2{letter-spacing:-.01em;margin:8px 0 0;font-size:22px;font-weight:600}.empty-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.empty-actions{gap:10px;margin-top:4px;display:flex}.empty-card :is(.primary,.ghost){padding:10px 20px}.empty-hint{color:var(--ink-faint);letter-spacing:.01em;margin-top:2px;font-size:12px}#app.app--landing :is(.app-zoom,.title-field){display:none}.app-dialog{width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-3);flex-direction:column;padding:0;overflow:hidden}.app-dialog[open]{animation:dialog-in var(--motion-fast) var(--ease-out);display:flex}.app-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)}}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;display:flex}.dialog-head h2{margin:0;font-size:15px;font-weight:600}.dialog-close{width:32px;height:32px;font:inherit;color:var(--ink-soft);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;font-size:20px;line-height:1}.dialog-close:hover{background:var(--accent-soft);color:var(--accent-ink)}.dialog-hint{color:var(--ink-soft);border-bottom:1px solid var(--line);margin:0;padding:10px 18px;font-size:12.5px;line-height:1.5}.dialog-hint[hidden]{display:none}.dialog-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:10px 14px;display:flex}.text-dialog{height:min(78vh,680px)}.text-dialog textarea{resize:none;min-height:120px;font-family:var(--font-mono);color:var(--ink);background:var(--surface-2);white-space:pre;tab-size:2;border:0;flex:1;padding:14px 18px;font-size:12.5px;line-height:1.55}.text-dialog textarea:focus{outline:none}.text-dialog textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.text-dialog--link{height:-moz-fit-content;height:fit-content}.text-dialog textarea.is-link{white-space:pre-wrap;word-break:break-all;flex:none;height:96px;min-height:0}.diagnostics{border-top:1px solid var(--line);flex:none;max-height:128px;margin:0;padding:6px 10px;list-style:none;overflow-y:auto}.diagnostics[hidden]{display:none}.diagnostic{width:100%;font:inherit;text-align:left;color:var(--warning);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:12.5px;display:block}.diagnostic:hover{background:var(--accent-soft);color:var(--accent-ink)}.axis-dialog{width:min(460px,100vw - 32px);margin:72px auto auto}.axis-dialog::backdrop{background:color-mix(in srgb, var(--cd-schwarz) 8%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.axis-body{flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex}.axis-row{align-items:center;gap:12px;font-size:13px;display:flex}.axis-row>span{font-weight:600}.axis-row select{cursor:pointer;flex:1;min-width:0;padding:7px 9px;font-size:13px}.axis-hint{color:var(--ink-soft);margin:-4px 0 0;font-size:12px;line-height:1.5}.axis-hint a{color:var(--accent-ink)}.axis-stages{grid-template-columns:1fr 1fr;gap:10px;display:grid}.axis-stage{min-width:0;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.axis-stage input{min-width:0;padding:8px 9px;font-size:13px}.axis-dialog .dialog-foot{justify-content:space-between}.list-dialog{width:min(560px,100vw - 32px)}.issue-list{margin:0;padding:8px 18px 14px 40px;font-size:13px;line-height:1.5;overflow-y:auto}.issue-list li{border-bottom:1px solid var(--line);padding:6px 0}.issue-list li:last-child{border-bottom:0}.issue-source{font-family:var(--font-mono);color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin-top:2px;font-size:12px;display:block}#shortcuts-dialog{width:min(760px,100vw - 32px)}.shortcut-groups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4px 24px;padding:10px 18px 18px;display:grid;overflow-y:auto}.shortcut-group--wide{grid-column:1/-1}.shortcut-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:10px 0 4px;font-size:11.5px;font-weight:600}.shortcut-group dl{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin:0;font-size:13px;display:grid}.shortcut-group dt{line-height:1.5}.shortcut-group dd{text-align:right;color:var(--ink-soft);margin:0;font-size:12px}.shortcut-gesture{font-style:normal}.toaster{z-index:60;pointer-events:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;display:flex;position:fixed;inset:auto auto 20px 50%;overflow:visible;transform:translate(-50%)}.toast{pointer-events:auto;border:1px solid var(--line);border-left:3px solid var(--info);border-radius:var(--radius);background:var(--surface);max-width:min(480px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow-3);animation:toast-in var(--motion-base) var(--ease-out);align-items:center;gap:10px;padding:9px 10px 9px 15px;font-size:13px;font-weight:500;display:flex}.toast.is-leaving{animation:toast-out var(--motion-fast) var(--ease) forwards}.toast__dot{background:var(--info);border-radius:50%;flex:none;width:8px;height:8px}.toast__text{padding:2px 5px 2px 0;line-height:1.4}.toast__action,.toast__close{font:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;flex:none;font-size:13px;font-weight:600}.toast__action{color:var(--accent-ink);padding:4px 8px}.toast__close{width:26px;height:26px;color:var(--ink-soft);font-size:18px;line-height:1}.toast__action:hover,.toast__close:hover{background:var(--accent-soft);color:var(--accent-ink)}.toast--success{border-left-color:var(--success)}.toast--success .toast__dot{background:var(--success)}.toast--warning{border-left-color:var(--warning)}.toast--warning .toast__dot{background:var(--warning)}.toast--error{border-left-color:var(--danger)}.toast--error .toast__dot{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.app-zoom{z-index:30;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);align-items:stretch;display:flex;position:absolute;bottom:14px;right:14px}.app-zoom button{font:inherit;color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:none;padding:6px 11px;font-size:13px}.app-zoom button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.app-zoom button:last-child{border-radius:0 var(--radius) var(--radius) 0}.app-zoom button:hover{background:var(--accent-soft);color:var(--accent-ink)}.app-zoom .zoom-level{font-variant-numeric:tabular-nums;border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:52px}.app-legal{z-index:20;color:var(--ink-faint);align-items:center;gap:6px;font-size:11.5px;display:flex;position:absolute;bottom:16px;left:14px}.app-legal a{color:var(--ink-faint);text-decoration:none}.app-legal a:hover{color:var(--accent-ink);text-decoration:underline}@media (max-width:1100px){#btn-menu span{display:none}#btn-menu{padding:8px 10px}.title-field{max-width:max(48px,50vw - 385px)}}@media (max-width:900px){#btn-share span{display:none}.app-toolbar .primary{padding:9px 11px}}@media (max-width:860px){.djs-palette.wardley-palette{top:60px}.title-field{max-width:calc(100vw - 132px)}}@media (max-width:600px){.app-legal{font-size:11px;bottom:10px;left:10px}.app-zoom{bottom:36px;right:10px}.toaster{inset:auto auto 76px 50%}}@media (max-height:720px){.menu-item{padding-block:7px}.menu-size .menu-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}