*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:var(--font-sans, system-ui, -apple-system, sans-serif)}:root{--color-surface: var(--vscode-editor-background, #f4f7fc);--color-panel: var(--vscode-editorWidget-background, #fff);--color-panel-2: var(--vscode-sideBar-background, #eef3fa);--color-edge: var(--vscode-panel-border, #d3ddec);--color-edge-soft: var(--vscode-widget-border, #e4ebf5);--color-edge-bright: var(--vscode-focusBorder, #9db4d6);--color-diagram-edge: #8197aa;--color-ink: var(--vscode-editor-foreground, #0d1b2e);--color-ink-dim: var(--vscode-descriptionForeground, #425570);--color-ink-faint: var(--vscode-descriptionForeground, #617591);--color-accent: var(--vscode-button-background, #1861c4);--color-accent-ink: var(--vscode-button-foreground, #fff);--color-accent-text: #1861c4;--color-selection: #dae6f7;--color-hover: #edf3fb;--color-shadow: #18314f25;--color-backdrop: #18314f73;--color-code: var(--vscode-editor-background, #f7f9fd);--color-code-ink: var(--vscode-editor-foreground, #0d1b2e);--color-h-green: #087b5b;--color-h-amber: #995800;--color-h-red: #cc2b41;--color-h-info: #027bb5;--color-h-rejected: #8738bb;--color-h-absent: #61718a;--color-h-unknown: #61718a;--color-green-fill: #b7ecd1;--color-amber-fill: #f8e2a7;--color-red-fill: #f8cbd0;--color-info-fill: #c4e8fc;--color-rejected-fill: #e7d0f7;--color-green-soft: #e7f6ef;--color-amber-soft: #fff4d7;--color-red-soft: #fcecef;--color-info-soft: #e7f4fc;--color-rejected-soft: #f3eafa;--font-sans: var(--vscode-font-family, ui-sans-serif, system-ui, sans-serif);--font-mono: var(--vscode-editor-font-family, ui-monospace, SFMono-Regular, Menlo, monospace);--radius: 8px}html,body,#root{height:100%}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans)}button,input,select,textarea{font-family:inherit;accent-color:var(--color-accent)}a{color:var(--color-accent-text)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}*{scrollbar-color:var(--color-edge-bright) var(--color-surface)}::selection{background:var(--color-selection);color:var(--color-ink)}.app-header{position:relative;z-index:40;flex-shrink:0;padding:8px 16px;gap:16px}.app-brand{display:flex;align-items:center;gap:9px;flex-shrink:0;border:0;border-radius:var(--radius);padding:0;background:transparent;color:var(--color-ink);cursor:pointer}.app-brand img{display:block}.app-brand-name{font-size:14px;font-weight:500;letter-spacing:-.3px;white-space:nowrap}.app-brand-name strong{font-weight:800}.app-brand:hover{color:var(--color-accent-text)}.app-action-icon{display:none}@media(max-width:1100px){.app-header{gap:8px;padding-inline:10px}.app-action-label{display:none}.app-action-icon{display:inline}}@media(max-width:800px){.app-brand-name{display:none}}.theme-picker{display:flex;align-items:center;gap:6px;flex-shrink:0}.theme-trigger,.theme-host{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-edge);border-radius:var(--radius);padding:5px 8px;background:var(--color-panel);color:var(--color-ink-dim);font:11px/1.3 var(--font-sans);white-space:nowrap}.theme-trigger{cursor:pointer}.theme-trigger:hover{border-color:var(--color-accent);color:var(--color-ink)}.theme-host small{margin-left:5px;font-size:9px;text-transform:capitalize}.theme-host{margin-left:8px}.theme-swatch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--color-edge);border-radius:4px;padding:3px;flex-shrink:0}.theme-swatch i{width:7px;height:7px;border-radius:2px}.theme-save-status{max-width:105px;color:var(--color-h-amber);font-size:9px;white-space:normal}.theme-menu{position:fixed;z-index:1200;visibility:hidden;width:min(330px,calc(100vw - 24px));box-sizing:border-box;padding:6px;overflow:auto;border:1px solid var(--color-edge-bright);border-radius:var(--radius);background:var(--color-panel);color:var(--color-ink);box-shadow:0 14px 45px var(--color-shadow);font:12px/1.4 var(--font-sans)}.theme-menu-heading{display:flex;justify-content:space-between;padding:6px 8px 9px;color:var(--color-ink);font-weight:650}.theme-menu-heading span{font-size:10px;font-weight:400;color:var(--color-ink-dim)}.theme-option{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:var(--radius);padding:7px 8px;color:inherit;background:transparent;text-align:left;cursor:pointer}.theme-option:hover,.theme-option:focus-visible{background:var(--color-hover)}.theme-option[aria-checked=true]{background:var(--color-selection);border-color:var(--color-accent)}.theme-option>span:not(.theme-swatch):not(.theme-auto-icon){flex:1;min-width:0}.theme-option strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.theme-option em{font-size:9px;font-style:normal;text-transform:uppercase;color:var(--color-ink-dim)}.theme-option small{display:block;font-size:10px;line-height:1.4;color:var(--color-ink-dim);margin-top:2px}.theme-option b{color:var(--color-accent)}.theme-auto-icon{width:33px;text-align:center;font-size:21px;color:var(--color-ink-dim)}.theme-disclaimer{margin:6px 8px 2px;padding-top:8px;border-top:1px solid var(--color-edge-soft);color:var(--color-ink-faint);font-size:10px}.theme-error{padding:8px;margin-bottom:5px;color:var(--color-h-red);background:var(--color-red-soft);border:1px solid var(--color-h-red);font-size:10px}.theme-error button{margin-left:8px;border:1px solid var(--color-edge);border-radius:3px;color:var(--color-ink);background:var(--color-panel);cursor:pointer}[data-contrast=high] .theme-trigger,[data-contrast=high] .theme-host,[data-contrast=high] .theme-menu{border-color:var(--color-edge-bright)}@media(max-width:800px){.theme-current-name{display:none}.theme-save-status{max-width:65px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.canvas-comment{box-sizing:border-box;width:100%;height:100%;padding:.85em 1em;overflow:auto;overflow-wrap:anywhere;border-color:var(--color-edge-bright);border-radius:.5em;font-family:var(--font-sans);line-height:1.5;text-align:left;-webkit-user-select:text;user-select:text;cursor:auto;pointer-events:auto}.canvas-comment>:first-child{margin-top:0}.canvas-comment>:last-child{margin-bottom:0}.canvas-comment :is(h1,h2,h3,h4){line-height:1.2;margin:.7em 0 .4em;font-weight:700}.canvas-comment h1{font-size:1.6em}.canvas-comment h2{font-size:1.3em}.canvas-comment h3{font-size:1.1em}.canvas-comment p{margin:.5em 0}.canvas-comment :is(ul,ol){padding-left:1.4em;margin:.5em 0}.canvas-comment a{color:var(--color-accent-text);text-decoration:underline}.canvas-comment :is(a,input):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.canvas-comment img{display:block;max-width:100%;max-height:120px;object-fit:contain;margin:.5em 0}.canvas-comment code{font-family:var(--font-mono);font-size:.88em;background:var(--color-code);color:var(--color-code-ink);padding:.12em .3em;border-radius:3px}.canvas-comment pre{background:var(--color-code);padding:.6em;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-comment pre code{padding:0}.canvas-comment blockquote{border-left:3px solid var(--color-accent);padding-left:.7em;margin:.5em 0;color:var(--color-ink-dim)}.canvas-comment table{border-collapse:collapse;width:100%;font-size:.9em}.canvas-comment :is(th,td){padding:.3em .5em;border:1px solid var(--color-edge)}.canvas-comment th{background:var(--color-panel-2)}.canvas-comment-image-error{color:var(--color-h-red);font-size:.85em}.react-flow__node-bw5Comment{background:transparent;border:0}.search-hit-note .canvas-comment{box-shadow:0 0 0 3px var(--color-h-amber),0 4px 18px var(--color-amber-soft)}::highlight(atlas-search-text){background-color:#ffe03d;color:#1a1a1a}.three-d-canvas{--observatory-inspector-width: 345px;container-name:observatory;container-type:inline-size;isolation:isolate;overflow:hidden}.observatory-viewport{position:absolute;inset:0;min-width:0}.three-d-canvas[data-inspector=true]>.observatory-viewport{right:var(--observatory-inspector-width)}.observatory-root{--observatory-text: var(--color-ink);--observatory-secondary: var(--color-ink-dim);--observatory-muted: var(--color-ink-faint);--observatory-border: var(--color-edge);--observatory-accent: var(--color-accent);--observatory-radius: var(--radius);position:absolute;inset:0;z-index:8;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:12px;color:var(--observatory-text);font:12px / 1.5 var(--font-sans);color-scheme:inherit;accent-color:var(--color-accent);pointer-events:none;text-align:left;-webkit-font-smoothing:antialiased}.observatory-root[data-legend=false]{grid-template-rows:auto minmax(0,1fr)}.observatory-top{position:relative;z-index:3;min-width:0}.observatory-root *,.observatory-root *:before,.observatory-root *:after{box-sizing:border-box}.observatory-root :is(h1,h2,h3,p,ul,ol,dl,dd){margin:0}.observatory-root :is(button,input,select){color:inherit;font:inherit}.observatory-root button{cursor:pointer;-webkit-tap-highlight-color:transparent}.observatory-root :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.observatory-root :is(button,input,select):disabled,.observatory-root [aria-disabled=true]{opacity:.45;cursor:not-allowed}.observatory-root :is(button,a,input,select,summary){touch-action:manipulation}.observatory-root ::selection{color:var(--color-ink);background:var(--color-selection)}.observatory-root code,.observatory-root pre{font-family:var(--font-mono);font-size:11px}.observatory-root code{white-space:pre-wrap;overflow-wrap:anywhere}.observatory-root [hidden]{display:none!important}.observatory-panel{border:1px solid var(--observatory-border);border-radius:var(--observatory-radius);background:linear-gradient(135deg,var(--color-panel-2),var(--color-panel));box-shadow:0 12px 32px var(--color-shadow),inset 0 1px 0 var(--color-edge-soft);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);pointer-events:auto}.observatory-header{position:relative;min-width:0;padding:14px 16px 12px}.observatory-header-close{position:absolute;top:14px;right:16px}.observatory-header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;padding-right:62px}.observatory-compact-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;width:fit-content;max-width:100%;margin-left:auto;padding:5px;border-radius:min(8px,var(--radius))}.observatory-overlay-menu{position:absolute;top:0;right:0;z-index:4;display:flex;flex-direction:column;gap:5px;width:min(280px,100%);max-height:min(360px,60vh);overflow:auto;padding:8px}.observatory-overlay-menu .observatory-panel-heading{padding:0 2px 5px}.observatory-overlay-option{justify-content:space-between;text-align:left}.observatory-overlay-option>span:last-child{color:var(--observatory-muted);font-size:10px}.observatory-overlay-hint{padding:4px 2px 0;color:var(--observatory-muted);font-size:10px}.observatory-identity{display:flex;align-items:center;gap:12px;min-width:0}.observatory-product-logo{flex:0 0 38px;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 3px 7px var(--color-shadow))}.observatory-identity-copy{min-width:0}.observatory-brandline{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.observatory-micro-label{color:var(--observatory-muted);font-size:9px;font-weight:650;letter-spacing:.11em;line-height:1.4}.observatory-brandline>.observatory-micro-label{color:var(--observatory-secondary)}.observatory-design-label{color:var(--observatory-muted);font-size:10px}.observatory-design-label[data-runtime=true]{color:var(--color-h-info);font-weight:650}.observatory-identity h1{overflow:hidden;max-width:100%;margin-top:3px;font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.observatory-header-path{overflow:hidden;margin-top:3px!important;color:var(--observatory-muted);font-family:var(--font-mono);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.observatory-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:2px 7px;border:1px solid var(--observatory-border);border-radius:min(5px,var(--radius));background:var(--color-panel-2);color:var(--observatory-secondary);font-size:10px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.observatory-product-badge{color:var(--observatory-accent);background:var(--scene-background)}.observatory-product-label{padding:0 3px;border-radius:min(3px,var(--radius));background:var(--scene-background)}.observatory-role-badge{color:var(--observatory-text)}.observatory-color-dot{display:inline-block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--observatory-accent)}.observatory-metrics{display:grid;flex-shrink:0;grid-template-columns:repeat(5,minmax(62px,auto));gap:0}.observatory-metrics>div{display:flex;flex-direction:column-reverse;align-items:flex-start;min-width:0;padding:0 13px;border-left:1px solid var(--observatory-border)}.observatory-metrics dt{color:var(--observatory-secondary);font-size:10px;white-space:nowrap}.observatory-metrics dd{font-size:22px;font-weight:550;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.observatory-metrics>div:last-child dd{color:var(--color-h-red)}.observatory-breadcrumbs{overflow-x:auto;max-width:100%;margin-top:9px;padding-bottom:1px;scrollbar-width:thin}.observatory-breadcrumbs ol{display:flex;align-items:center;gap:4px;padding:0;list-style:none}.observatory-breadcrumbs li{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;max-width:240px;color:var(--observatory-muted);font-size:11px}.observatory-breadcrumbs button,.observatory-breadcrumbs [aria-current]{overflow:hidden;padding:2px 4px;border:0;border-radius:min(3px,var(--radius));background:none;color:var(--observatory-secondary);text-overflow:ellipsis;white-space:nowrap}.observatory-breadcrumbs [aria-current]{color:var(--observatory-text)}.observatory-breadcrumbs button:hover:not(:disabled){background:var(--color-hover);color:var(--observatory-text)}.observatory-icon{display:inline-block;flex:0 0 15px;width:15px;height:15px;vertical-align:middle}.observatory-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:11px;padding-top:10px;border-top:1px solid var(--observatory-border)}.observatory-control-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}.observatory-panel-controls{margin-left:auto}.observatory-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:30px;padding:5px 9px;border:1px solid var(--observatory-border);border-radius:min(6px,var(--radius));background:var(--color-panel-2);color:var(--observatory-secondary);font-size:11px!important;font-weight:550!important;line-height:1.45!important;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.observatory-button:hover:not(:disabled){border-color:var(--color-edge-bright);background:var(--color-hover);color:var(--observatory-text)}.observatory-button[aria-pressed=true],.observatory-button[aria-expanded=true]{border-color:var(--color-accent);background:var(--color-selection);color:var(--observatory-text)}.observatory-button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.observatory-button-primary:hover:not(:disabled){border-color:var(--color-edge-bright);background:var(--color-accent);color:var(--color-accent-ink)}.observatory-exit-button{border-color:var(--color-edge-bright);color:var(--observatory-text)}.observatory-world-select{display:flex;align-items:center;gap:7px;min-width:0;color:var(--observatory-muted);font-size:10px}.observatory-world-select select{min-height:30px;max-width:145px;padding:5px 8px;border:1px solid var(--observatory-border);border-radius:min(6px,var(--radius));background:var(--color-panel);color:var(--observatory-text);font-size:11px}.observatory-world-select option{background:var(--color-panel);color:var(--observatory-text)}.observatory-fly-guidance{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--observatory-border);color:var(--observatory-secondary);font-size:11px}.observatory-fly-guidance .observatory-fly-start{flex-shrink:0}.observatory-fly-guidance strong{color:var(--observatory-text);font-weight:600}.observatory-fly-guidance kbd{padding:1px 3px;border:1px solid var(--observatory-border);border-radius:min(3px,var(--radius));color:var(--observatory-text);font:10px / 1.5 var(--font-mono)}.observatory-busy,.observatory-error{margin-top:9px!important;padding:8px 10px;border:1px solid var(--color-h-info);border-radius:min(6px,var(--radius));background:var(--color-info-soft);color:var(--color-h-info);overflow-wrap:anywhere;pointer-events:auto}.observatory-error{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-color:var(--color-h-red);background:var(--color-red-soft);color:var(--color-h-red)}.observatory-error p{min-width:0}.observatory-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;min-height:0}.observatory-root[data-inspector=true] .observatory-body{grid-template-columns:minmax(0,1fr) calc(var(--observatory-inspector-width) - 24px)}.observatory-main-region{min-width:0;min-height:0}.observatory-rail{display:flex;flex-direction:column;gap:12px;width:236px;max-width:100%;height:100%;min-height:0}.observatory-navigator-slot{display:flex;flex:0 1 auto;min-height:0;max-height:420px}.observatory-navigator{display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden}.observatory-panel-heading{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px}.observatory-panel-heading h2,.observatory-inspector-heading h2{color:var(--observatory-text);font-size:12px;font-weight:600;letter-spacing:-.01em}.observatory-text-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:4px;min-height:27px;padding:3px 5px;border:0;border-radius:min(4px,var(--radius));background:none;color:var(--observatory-secondary)!important;font-size:11px!important;line-height:1.4!important}.observatory-text-button:hover:not(:disabled){background:var(--color-hover);color:var(--observatory-text)!important}.observatory-search{position:relative;flex-shrink:0;margin:0 10px}.observatory-search>.observatory-icon{position:absolute;top:9px;left:9px;color:var(--observatory-muted);pointer-events:none}.observatory-search input{width:100%;height:34px;padding:6px 8px 6px 30px;border:1px solid var(--observatory-border);border-radius:min(6px,var(--radius));background:var(--color-surface);font-size:11px}.observatory-search input::placeholder{color:var(--observatory-muted)}.observatory-search-count{flex-shrink:0;padding:7px 12px;color:var(--observatory-muted);font-size:10px}.observatory-list{padding:0;list-style:none}.observatory-activity-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 7px;scrollbar-width:thin;scrollbar-color:var(--color-edge-bright) transparent}.observatory-navigator-item,.observatory-activity-link,.observatory-transition-link{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:9px 7px;border:1px solid transparent;border-radius:min(7px,var(--radius));background:none;text-align:left}.observatory-navigator-item:hover:not(:disabled),.observatory-activity-link:hover:not(:disabled),.observatory-transition-link:hover:not(:disabled){border-color:var(--color-edge-bright);background:var(--color-hover)}.observatory-navigator-item[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-selection);box-shadow:inset 2px 0 0 var(--observatory-accent)}.observatory-activity-glyph{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;padding:4px;overflow:hidden;border:1px solid var(--observatory-border);border-bottom-color:var(--observatory-accent);border-radius:min(8px,var(--radius));background:var(--color-panel-2);color:var(--observatory-text);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:-.04em}.observatory-activity-glyph img{width:24px;height:24px;object-fit:contain}.observatory-link-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;color:var(--observatory-text);overflow-wrap:anywhere}.observatory-link-copy strong{font-size:11px;font-weight:550;line-height:1.4}.observatory-link-copy>span{color:var(--observatory-muted);font-size:10px;line-height:1.4}.observatory-navigator-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.observatory-navigator-meta{display:flex;flex-wrap:wrap;gap:3px 7px}.observatory-navigator-meta>span:first-child{font-weight:600}.observatory-radar{flex:0 1 auto;min-height:0;max-height:100%;margin-top:auto;overflow:hidden}.observatory-radar .observatory-panel-heading{padding-bottom:0}.observatory-radar-map{display:block;width:100%;max-height:132px;padding:4px 7px}.observatory-radar-grid{fill:none;stroke:var(--color-edge-soft);stroke-width:1}.observatory-radar-node{cursor:pointer;outline:none}.observatory-radar-point{fill:var(--observatory-accent);stroke:var(--color-panel);stroke-width:1.5}.observatory-radar-halo{fill:transparent;stroke:transparent;stroke-width:1.5}.observatory-radar-node:hover .observatory-radar-halo,.observatory-radar-node[aria-pressed=true] .observatory-radar-halo{fill:var(--color-selection);stroke:var(--color-accent)}.observatory-radar-node:focus-visible{outline:none}.observatory-radar-node:focus-visible .observatory-radar-halo{fill:var(--color-selection);stroke:var(--color-ink);stroke-width:2.5}.observatory-radar-note{padding:0 12px 8px;color:var(--observatory-muted);font-size:9px}.observatory-inspector{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.observatory-inspector-heading{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:13px 13px 12px;border-bottom:1px solid var(--observatory-border)}.observatory-inspector-heading h2{margin-top:3px;font-size:15px}.observatory-overview-button{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:6px 13px;border:0;border-bottom:1px solid var(--observatory-border);background:var(--color-panel-2);color:var(--observatory-secondary)!important;font-size:11px!important;text-align:left}.observatory-overview-button:hover:not(:disabled){background:var(--color-hover)}.observatory-overview-button>.observatory-icon{transform:rotate(180deg)}.observatory-inspector-scroll{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;padding:0 13px 14px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-edge-bright) transparent}.observatory-inspector-scroll:focus-visible{outline-offset:-3px}.observatory-overview-intro,.observatory-selection-card{padding:15px 0 13px}.observatory-overview-intro h3,.observatory-selection-card h3{margin:4px 0 10px;color:var(--observatory-text);font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}.observatory-description{color:var(--observatory-secondary);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.observatory-path{display:block;width:100%;margin:10px 0 7px;padding:8px 9px;border:1px solid var(--color-edge-soft);border-radius:min(5px,var(--radius));background:var(--color-code);color:var(--color-code-ink);line-height:1.6;overflow-wrap:anywhere}.observatory-note,.observatory-empty,.observatory-caveat{color:var(--observatory-muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.observatory-note{margin-top:9px!important}.observatory-empty{padding:6px 0}.observatory-navigator>.observatory-empty,.observatory-radar>.observatory-empty{padding:10px 12px 14px}.observatory-caveat{margin-top:11px!important;padding:8px 9px;border-left:2px solid var(--color-h-info);background:var(--color-info-soft);color:var(--observatory-secondary)}.observatory-section{border-top:1px solid var(--observatory-border)}.observatory-section>summary,.observatory-mapping-rule>summary{display:flex;align-items:center;gap:7px;min-width:0;padding:12px 0;border-radius:min(3px,var(--radius));color:var(--observatory-text);font-size:11px;font-weight:600;line-height:1.45;list-style:none;cursor:pointer}.observatory-root summary::-webkit-details-marker{display:none}.observatory-section>summary>.observatory-icon,.observatory-mapping-rule>summary>.observatory-icon{flex-basis:12px;width:12px;height:12px;color:var(--observatory-muted);transition:transform .14s ease}.observatory-section[open]>summary>.observatory-icon,.observatory-mapping-rule[open]>summary>.observatory-icon{transform:rotate(90deg)}.observatory-root summary:hover{color:var(--observatory-text);background:var(--color-hover)}.observatory-section-content{min-width:0;padding-bottom:13px}.observatory-count{margin-left:auto;padding:0 5px;border-radius:min(4px,var(--radius));background:var(--color-panel-2);color:var(--observatory-secondary);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}.observatory-product-list{display:flex;flex-direction:column;gap:9px}.observatory-product-list li{display:flex;align-items:center;justify-content:space-between;gap:10px}.observatory-product-list li>span:last-child{color:var(--observatory-secondary);font-size:10px;text-align:right}.observatory-role-list{display:flex;flex-direction:column;gap:10px}.observatory-role-list li>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--observatory-secondary);font-size:11px}.observatory-role-list li>div>span{display:inline-flex;align-items:center;gap:7px}.observatory-role-list strong{color:var(--observatory-text);font-size:11px;font-weight:550;font-variant-numeric:tabular-nums}.observatory-role-track{display:block;height:2px;margin-top:5px;overflow:hidden;border-radius:min(2px,var(--radius));background:var(--color-edge-soft)}.observatory-role-track>span{display:block;height:100%;border-radius:inherit;background:var(--observatory-accent);opacity:.8}.observatory-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.observatory-stat-grid>div{display:flex;flex-direction:column-reverse;min-width:0;padding:9px;border:1px solid var(--color-edge-soft);border-radius:min(6px,var(--radius));background:var(--color-panel-2)}.observatory-stat-grid dt{color:var(--observatory-muted);font-size:10px}.observatory-stat-grid dd{color:var(--observatory-text);font-size:19px;font-weight:550;font-variant-numeric:tabular-nums}.observatory-subprocess-link+.observatory-subprocess-link{margin-top:7px;padding-top:7px;border-top:1px solid var(--color-edge-soft)}.observatory-subprocess-link>.observatory-text-button{margin-left:42px}.observatory-reference{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-radius:min(4px,var(--radius));color:var(--color-h-info);text-decoration:none}.observatory-reference>span{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}.observatory-reference+.observatory-reference{border-top:1px solid var(--color-edge-soft)}.observatory-reference-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px}.observatory-reference-provenance{color:var(--observatory-muted);font-size:9px}.observatory-reference strong{font-size:11px;font-weight:550}.observatory-reference>span>span{color:var(--observatory-muted);font-size:10px}.observatory-reference>span>.observatory-reference-caveat{color:var(--color-h-amber);line-height:1.6}.observatory-reference>.observatory-icon{margin-top:4px}.observatory-reference:hover strong{color:var(--color-h-info);text-decoration:underline;text-underline-offset:3px}.observatory-selection-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}.observatory-selection-heading>div{min-width:0}.observatory-selection-heading .observatory-activity-glyph{flex-basis:42px;width:42px;height:42px;margin-top:3px}.observatory-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}.observatory-selection-card>.observatory-button{margin-top:12px}.observatory-properties{min-width:0}.observatory-properties>div{min-width:0;padding:8px 0}.observatory-properties>div+div{border-top:1px solid var(--color-edge-soft)}.observatory-properties dt{margin-bottom:4px;color:var(--observatory-muted);font-size:10px;font-weight:550;overflow-wrap:anywhere}.observatory-properties dd{min-width:0;color:var(--observatory-secondary);font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.observatory-config dd{padding:7px 8px;border-radius:min(4px,var(--radius));background:var(--color-code);color:var(--color-code-ink)}.observatory-config dd code{display:block}.observatory-muted{color:var(--observatory-muted);font-style:italic}.observatory-trace-controls{display:flex;flex-wrap:wrap;gap:6px}.observatory-mapping-preview{margin-top:11px}.observatory-mapping-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 0 12px}.observatory-mapping-counts>div{display:flex;flex-direction:column-reverse;min-width:0}.observatory-mapping-counts dt{color:var(--observatory-muted);font-size:10px}.observatory-mapping-counts dd{color:var(--observatory-text);font-size:20px;font-weight:550;font-variant-numeric:tabular-nums}.observatory-mapping-rule{margin:5px 0;border:1px solid var(--observatory-border);border-radius:min(6px,var(--radius));background:var(--color-panel-2)}.observatory-mapping-rule>summary{align-items:flex-start;padding:9px 8px}.observatory-mapping-rule>summary>.observatory-icon{margin-top:3px}.observatory-mapping-rule>summary>code{flex:1;min-width:0;color:var(--color-code-ink);font-size:10px;font-weight:500;line-height:1.6}.observatory-mapping-rule>summary>.observatory-badge{flex-shrink:0;padding:1px 5px;font-size:9px}.observatory-mapping-rule-content{min-width:0;padding:0 9px 10px;border-top:1px solid var(--color-edge-soft)}.observatory-expression{max-width:100%;max-height:260px;margin:8px 0 11px!important;overflow:auto;padding:10px;border:1px solid var(--observatory-border);border-radius:min(5px,var(--radius));background:var(--color-code);color:var(--color-code-ink);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-edge-bright) transparent}.observatory-reference-values li{padding:6px 0;color:var(--observatory-secondary)}.observatory-reference-values li+li{border-top:1px solid var(--color-edge-soft)}.observatory-inline-error{margin-top:10px!important;padding:9px;border:1px solid var(--color-h-red);border-radius:min(5px,var(--radius));background:var(--color-red-soft);color:var(--color-h-red);font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.observatory-transition-title{display:flex;align-items:center;gap:9px;margin-top:8px!important}.observatory-transition-link{align-items:flex-start;padding:8px 4px}.observatory-transition-link>.observatory-line-swatch{flex:0 0 24px;width:24px;margin-top:3px}.observatory-transition-endpoints{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--observatory-text)!important;font-size:11px!important}.observatory-transition-endpoints>.observatory-icon{flex-basis:12px;width:12px;height:12px;color:var(--observatory-muted)}.observatory-endpoint-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:32px;padding:7px 8px;border:1px solid var(--observatory-border);border-radius:min(5px,var(--radius));background:var(--color-panel-2);color:var(--observatory-text)!important;text-align:left;white-space:normal;overflow-wrap:anywhere}.observatory-endpoint-button:hover:not(:disabled){border-color:var(--color-edge-bright);background:var(--color-hover)}.observatory-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 18px;min-width:0;padding:8px 12px;border-radius:min(8px,var(--radius))}.observatory-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.observatory-legend>span{display:inline-flex;align-items:center;gap:5px;color:var(--observatory-secondary);font-size:10px;white-space:nowrap}.observatory-line-swatch{display:inline-block;flex:0 0 26px;width:26px;height:10px}.observatory-runtime-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding-top:4px;border-top:1px solid var(--color-edge-soft)}.observatory-runtime-legend>span{display:inline-flex;align-items:center;gap:5px;color:var(--observatory-secondary);font-size:10px;white-space:nowrap}.observatory-runtime-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%}.observatory-disclaimer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--observatory-muted);font-size:10px}.observatory-disclaimer>.observatory-micro-label{color:var(--observatory-secondary);font-size:8px}.observatory-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.observatory-root[data-motion=false] *,.observatory-root[data-motion=false] *:before,.observatory-root[data-motion=false] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-contrast=high] .observatory-panel{background:var(--color-panel);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-contrast=high] .observatory-root :is(button,input,select):disabled,[data-contrast=high] .observatory-root [aria-disabled=true]{opacity:.7}[data-contrast=high] .observatory-button[aria-pressed=true],[data-contrast=high] .observatory-button[aria-expanded=true],[data-contrast=high] .observatory-navigator-item[aria-pressed=true]{border-color:var(--color-ink);text-decoration:underline;text-underline-offset:3px}[data-contrast=high] .observatory-radar-transition,[data-contrast=high] .observatory-role-track>span{opacity:1}[data-contrast=high] .observatory-radar-point,[data-contrast=high] .observatory-radar-node[aria-pressed=true] .observatory-radar-halo{stroke:var(--color-ink)}@container observatory (max-width: 1100px){.observatory-header-main{align-items:flex-start;gap:12px}.observatory-metrics>div{padding:0 8px}.observatory-metrics dd{font-size:20px}.observatory-panel-controls{margin-left:0}.observatory-rail{width:216px}}@container observatory (max-width: 800px){.three-d-canvas[data-inspector=true]>.observatory-viewport{right:0}.observatory-root{gap:9px;padding:9px}.observatory-header{padding:11px 12px 10px}.observatory-header-main{flex-wrap:wrap;padding-right:0}.observatory-identity{width:100%;padding-right:62px}.observatory-metrics{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:2px}.observatory-metrics>div{padding:0 10px}.observatory-metrics>div:first-child{padding-left:0;border-left:0}.observatory-root[data-inspector=true] .observatory-body{grid-template-columns:minmax(0,1fr)}.observatory-inspector{position:absolute;inset:0 0 0 auto;z-index:2;width:min(345px,100%)}.observatory-rail{display:none}.observatory-root[data-navigator=true][data-inspector=false] .observatory-rail{display:flex;width:min(310px,100%)}.observatory-navigator-slot{flex:1 1 auto;max-height:100%}.observatory-radar{display:none}.observatory-controls{gap:6px 8px}.observatory-footer{padding:7px 10px}.observatory-fly-guidance{align-items:flex-start}}@container observatory (max-width: 500px){.observatory-root{gap:7px;padding:7px;font-size:11px}.observatory-header{padding:10px}.observatory-header-main{gap:10px}.observatory-product-logo{flex-basis:30px;width:30px;height:30px}.observatory-identity{gap:8px}.observatory-identity h1{font-size:18px}.observatory-brandline{gap:4px 6px}.observatory-brandline>.observatory-micro-label{flex-basis:100%;font-size:8px}.observatory-header-path{font-size:9px}.observatory-metrics>div{padding:0 6px}.observatory-metrics dd{font-size:18px}.observatory-metrics dt{font-size:9px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.observatory-controls{gap:5px 7px;margin-top:8px;padding-top:8px}.observatory-control-group{gap:4px}.observatory-button{min-height:29px;padding:5px 7px;font-size:10px!important}.observatory-button>.observatory-icon{flex-basis:13px;width:13px;height:13px}.observatory-world-select{gap:4px}.observatory-world-select select{max-width:122px;min-height:29px;font-size:10px}.observatory-inspector{width:min(330px,100%)}.observatory-inspector-heading{padding:10px 11px}.observatory-inspector-scroll{padding-right:11px;padding-left:11px}.observatory-fly-guidance{flex-wrap:wrap;gap:7px;font-size:10px}.observatory-footer{gap:5px;padding:7px 8px}.observatory-legend{gap:4px 9px}.observatory-legend>span{gap:4px;font-size:9px}.observatory-line-swatch{flex-basis:21px;width:21px}.observatory-disclaimer{font-size:9px;line-height:1.45}}@media(prefers-reduced-motion:reduce){.observatory-root *,.observatory-root *:before,.observatory-root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.runtime-workbench{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size}.runtime-workbench>.process-canvas{flex:1;height:auto;min-height:0}.runtime-toggle{margin-left:auto;display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:5px;border:1px solid var(--color-edge);background:var(--color-panel);color:var(--color-ink-dim);font:600 11px var(--font-sans);cursor:pointer;white-space:nowrap}.runtime-toggle.is-on{color:var(--color-h-green);border-color:var(--color-h-green);background:var(--color-green-soft)}.runtime-toggle-light{width:7px;height:7px;border-radius:50%;background:var(--color-h-absent)}.runtime-toggle.is-on .runtime-toggle-light{background:var(--color-h-green);box-shadow:0 0 0 3px var(--color-green-soft)}.runtime-dock{flex:0 0 380px;max-height:50%;min-height:210px;display:flex;flex-direction:column;position:relative;z-index:10;background:var(--color-panel);color:var(--color-ink);border-top:2px solid var(--color-edge-bright);font:11px/1.4 var(--font-sans);box-sizing:border-box;overflow:hidden}.runtime-dock button,.runtime-dock select{border:1px solid var(--color-edge);border-radius:4px;background:var(--color-panel-2);color:var(--color-ink);padding:4px 8px;font:inherit;cursor:pointer}.runtime-dock select{min-width:0;max-width:290px;text-overflow:ellipsis}.runtime-dock button:hover,.runtime-dock select:hover{border-color:var(--color-edge-bright);background:var(--color-hover)}.runtime-dock button:disabled{opacity:.35;cursor:default}.runtime-dock :focus-visible,.runtime-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.runtime-toolbar{display:flex;align-items:center;gap:10px;padding:7px 12px 5px;flex-shrink:0}.runtime-demo-label{color:var(--color-h-info);font-size:9px;font-weight:800;letter-spacing:.7px;white-space:nowrap}.runtime-demo-label small{display:block;font-size:8px;color:var(--color-ink-dim);letter-spacing:1.5px}.runtime-outcome{font-weight:700;white-space:nowrap}.runtime-toolbar-actions{margin-left:auto;display:flex;gap:6px;flex-shrink:0}.runtime-toolbar .runtime-locate-problem{border-color:var(--color-h-red);background:var(--color-red-soft);color:var(--color-h-red)}.runtime-playback{display:flex;align-items:center;gap:6px;padding:3px 12px 7px;flex-shrink:0}.runtime-playback .runtime-play{min-width:62px;background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);font-weight:700}.runtime-playback input{flex:1;min-width:30px;height:16px;accent-color:var(--color-accent);cursor:pointer}.runtime-time{min-width:108px;font:10px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.runtime-run-summary{display:flex;align-items:center;gap:10px;padding:5px 12px;background:var(--color-panel-2);border-block:1px solid var(--color-edge);color:var(--color-ink-dim);flex-shrink:0}.runtime-run-summary b{color:var(--color-ink);white-space:nowrap}.runtime-run-summary>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.runtime-run-summary small{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--color-ink-faint);cursor:help}.runtime-detail-grid{display:grid;grid-template-columns:47% 53%;flex:1;min-height:0}.runtime-timeline,.runtime-inspector{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.runtime-timeline{border-right:1px solid var(--color-edge)}.runtime-section-heading,.runtime-inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;gap:7px;flex-shrink:0;min-height:29px;box-sizing:border-box;background:var(--color-panel-2);border-bottom:1px solid var(--color-edge)}.runtime-section-heading span{font-size:9px;color:var(--color-ink-dim)}.runtime-timeline-list{flex:1;overflow:auto;min-height:0;position:relative}.runtime-timeline-row.runtime-timeline-row{display:grid;grid-template-columns:53% 34% 13%;align-items:center;padding:3px 0;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--color-edge-soft);background:transparent;min-height:33px}.runtime-timeline-row.is-selected{background:var(--color-selection);box-shadow:inset 3px 0 var(--color-accent)}.runtime-step-name{min-width:0;display:flex;gap:6px;align-items:center;padding-right:5px}.runtime-step-name i{font-style:normal;font-size:13px;width:13px;flex-shrink:0}.runtime-step-name>span{min-width:0}.runtime-step-name b{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runtime-step-name small{font-size:8px;color:var(--color-ink-dim);display:block}.runtime-step-time{font-size:9px;color:var(--color-ink-dim);text-align:right;padding-right:8px;font-variant-numeric:tabular-nums}.runtime-waterfall-track{height:22px;position:relative;background:repeating-linear-gradient(90deg,var(--color-edge-soft) 0px,var(--color-edge-soft) 1px,transparent 1px,transparent 25%)}.runtime-waterfall-bar{position:absolute;height:7px;top:7px;border:1px solid currentColor;background:var(--color-panel-2);border-radius:2px;overflow:hidden;box-sizing:border-box}.runtime-waterfall-bar>span{display:block;height:100%;background:currentColor;opacity:.85}.runtime-waterfall-cursor{position:absolute;top:0;bottom:0;width:1px;background:var(--color-accent);pointer-events:none;z-index:1}.runtime-inspector-heading>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0}.runtime-inspector-heading strong{overflow:hidden;text-overflow:ellipsis}.runtime-inspector-heading small{font-size:9px;font-weight:600}.runtime-inspector-heading>button{white-space:nowrap}.runtime-inspector-scroll{padding:7px 11px 10px;overflow:auto;flex:1;min-height:0}.runtime-identifiers{display:flex;gap:10px;padding:4px 10px;border-top:1px solid var(--color-edge);color:var(--color-ink-dim);font-size:8px;flex-shrink:0}.runtime-identifiers span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runtime-identifiers code{color:var(--color-ink)}.runtime-callers{color:var(--color-ink-dim);font-size:9px;overflow-wrap:anywhere}.runtime-callers button{border:0;padding:0;background:none;font-size:9px;color:var(--color-h-info)}.runtime-callers button>span{color:var(--color-ink-faint);padding-inline:3px}.runtime-step-note{margin:5px 0 8px;color:var(--color-ink-dim);font-size:10px}.runtime-explanation{margin:5px 0;font-size:9px;color:var(--color-ink-dim)}.runtime-explanation summary{cursor:pointer}.runtime-explanation p{margin:5px 0}.runtime-error-detail{border-left:3px solid var(--color-h-red);background:var(--color-red-soft);padding:7px 9px;margin:6px 0 8px;font-size:10px}.runtime-error-detail summary{cursor:pointer}.runtime-error-detail p{margin:5px 0}.runtime-error-detail strong{color:var(--color-h-red)}.runtime-error-detail small{color:var(--color-ink-dim)}.runtime-business-rejection{border-left:3px solid var(--color-h-rejected);padding:6px 9px;background:var(--color-rejected-soft);color:var(--color-h-rejected);font-size:10px}.runtime-payload-tabs{display:flex;gap:5px;border-bottom:1px solid var(--color-edge);padding-bottom:5px;margin:6px 0}.runtime-payload-tabs button{font-size:10px;padding:3px 10px}.runtime-payload-tabs [aria-selected=true]{background:var(--color-selection);border-color:var(--color-accent)}.runtime-payload-caption{display:flex;justify-content:space-between;gap:8px;color:var(--color-ink-dim);font-size:9px;padding:4px 0}.runtime-payload-caption b{color:var(--color-ink)}.runtime-payload pre{margin:2px 0 0;padding:8px 10px;background:var(--color-code);border:1px solid var(--color-edge);border-radius:5px;font:10px/1.6 var(--font-mono);color:var(--color-code-ink);overflow:auto;tab-size:2}.runtime-redaction{color:var(--color-h-amber);font-size:9px;margin:3px 0}.runtime-empty{color:var(--color-ink-dim);padding:9px;margin:0;font-size:10px}.runtime-differences{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px}.runtime-differences th,.runtime-differences td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-edge);padding:5px;overflow-wrap:anywhere;font-weight:400}.runtime-differences th{color:var(--color-ink)}.runtime-differences th small{display:block;color:var(--color-h-green);font-size:8px}.runtime-differences td:nth-child(2){color:var(--color-h-red)}.runtime-differences td:nth-child(3){color:var(--color-h-green)}.runtime-legend{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:5px 12px;border-top:1px solid var(--color-edge);color:var(--color-ink-dim);font-size:8px;flex-shrink:0}.runtime-legend>span{display:flex;gap:4px;align-items:center}.runtime-legend i{width:5px;height:5px;border-radius:50%}.runtime-legend small{margin-left:auto;font-size:8px}.runtime-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 12px;background:var(--color-amber-soft);color:var(--color-h-amber);font-size:10px;flex-shrink:0}.runtime-notice button{flex-shrink:0;padding:2px 5px;font-size:9px}.runtime-dock.is-compact{flex-basis:auto;min-height:0}.runtime-loading{min-height:105px;max-height:160px;padding:14px;display:block}.runtime-loading button{margin-right:6px}.runtime-bw6 .runtime-toolbar{flex-wrap:wrap}.runtime-bw6-details{flex:1;min-height:0;overflow:auto;padding:6px 12px}.runtime-bw6-status{color:var(--color-h-amber);font-weight:600}.runtime-bw6-status[data-status=connected]{color:var(--color-h-green)}.runtime-bw6-status[data-status=error]{color:var(--color-h-red)}.runtime-bw6-metadata{display:flex;flex-wrap:wrap;gap:10px 30px;margin:9px 0}.runtime-bw6-metadata dt{font-size:9px;color:var(--color-ink-dim)}.runtime-bw6-metadata dd{margin:0}.runtime-bw6-activities{width:100%;border-collapse:collapse;font-size:10px}.runtime-bw6-activities caption{text-align:left;color:var(--color-ink-dim);padding:5px 0}.runtime-bw6-activities th,.runtime-bw6-activities td{padding:4px 8px;text-align:left;border-bottom:1px solid var(--color-edge);overflow-wrap:anywhere}.runtime-bw6 .runtime-empty button{margin-left:8px}.runtime-bw6-payloads>h3{margin:10px 0 5px;font-size:11px}.runtime-bw6-payloads>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.runtime-bw6-payloads section{min-width:0}.runtime-bw6-payloads h4{margin:5px 0;font-size:10px}.runtime-recording-time{padding:4px 12px;color:var(--color-h-info);background:var(--color-info-soft);font-size:10px;flex-shrink:0}.runtime-live-follow-start,.runtime-live-follow{padding:6px 12px;background:var(--color-info-soft);border-block:1px solid var(--color-edge);flex-shrink:0}.runtime-live-follow-start{display:flex;align-items:center;gap:10px;color:var(--color-ink-dim);font-size:10px}.runtime-live-follow{max-height:180px;overflow:auto}.runtime-live-follow-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.runtime-live-follow-heading>strong{color:var(--color-h-info);font-size:10px}.runtime-live-follow-heading>[role=status]{flex:1}.runtime-live-backlog{margin:5px 0;font-size:10px}.runtime-live-backlog summary{cursor:pointer;font-weight:600;color:var(--color-h-info)}.runtime-live-backlog p{margin:5px 0}.runtime-live-backlog ol{padding-left:20px;max-height:100px;overflow:auto}.runtime-live-follow>small{display:block;color:var(--color-ink-dim);font-size:9px}.runtime-live-issue{margin:5px 0;color:var(--color-h-amber);font-size:10px}.runtime-xml-tree{overflow:auto;max-height:300px;border:1px solid var(--color-edge);border-radius:4px;background:var(--color-code);padding:6px;color:var(--color-code-ink)}.runtime-xml-field>summary{cursor:pointer;font:10px var(--font-mono);padding:4px}.runtime-xml-field>div{margin-left:12px;border-left:1px solid var(--color-edge);padding-left:5px}.runtime-xml-leaf{display:grid;grid-template-columns:minmax(95px,30%) 1fr;gap:8px;border-bottom:1px solid var(--color-edge);padding:4px;font-size:10px}.runtime-xml-leaf code,.runtime-xml-field code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono)}.runtime-xml-field code{margin-left:8px}@container (max-width: 600px){.runtime-bw6-payloads>div{grid-template-columns:1fr}}@media(max-width:600px){.runtime-mapping-popup .runtime-bw6-payloads>div{grid-template-columns:1fr}}.runtime-dock.is-following{flex-basis:400px;max-height:52%}.runtime-dock.is-following.is-compact{flex-basis:auto}.runtime-follow-toggle{white-space:nowrap}.runtime-follow-toggle[aria-pressed=true]{background:var(--color-selection);border-color:var(--color-accent);color:var(--color-accent-text)}.runtime-flight-deck{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.runtime-flight-heading{display:flex;align-items:center;gap:12px;padding:6px 12px;flex-shrink:0;border-block:1px solid var(--color-edge);background:var(--color-panel-2)}.runtime-flight-heading>div{display:flex;flex-wrap:wrap;gap:10px}.runtime-flight-heading b{color:var(--color-accent-text);font-size:9px;letter-spacing:1px}.runtime-flight-heading span{color:var(--color-ink-dim);font-size:10px}.runtime-flight-heading>button{margin-left:auto;white-space:nowrap}.runtime-flight-heading label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}.runtime-flight-branches select{max-width:190px}.runtime-flight-route{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 12px;color:var(--color-ink-dim);font-size:10px;flex-shrink:0}.runtime-flight-route>span:first-child{background:var(--color-info-soft);color:var(--color-h-info);border:1px solid var(--color-edge);border-radius:3px;padding:1px 5px;margin-right:5px}.runtime-flight-route strong{color:var(--color-ink)}.runtime-flight-route small{margin-left:auto;font:9px var(--font-mono)}.runtime-flight-content{display:grid;grid-template-columns:42% 58%;min-height:0;flex:1;border-top:1px solid var(--color-edge)}.runtime-flight-content>section{min-width:0;overflow:auto;padding:8px 12px}.runtime-flight-message{border-right:1px solid var(--color-edge)}.runtime-flight-content header{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;padding-bottom:6px;font-size:10px}.runtime-flight-content header strong{color:var(--color-h-info);letter-spacing:.7px}.runtime-flight-changes header strong{color:var(--color-h-green)}.runtime-flight-changes[data-timing=unavailable] header strong{color:var(--color-ink-dim)}.runtime-flight-content header span{color:var(--color-ink-dim)}.runtime-flight-message .runtime-payload pre{max-height:170px;font-size:11px}.runtime-flight-note{color:var(--color-ink-dim);margin:0 0 8px;font-size:11px}.runtime-flight-changes .runtime-differences{font-size:11px}.runtime-flight-changes .runtime-differences code{display:block;max-height:72px;overflow:auto;white-space:pre-wrap}.runtime-flight-changes .runtime-differences th{width:22%}.runtime-flight-failure{padding:7px;border-left:3px solid var(--color-h-red);background:var(--color-red-soft);color:var(--color-h-red);margin-bottom:7px}.runtime-flight-failure p{margin:4px 0}.runtime-flight-bindings,.runtime-flight-full-message{border-top:1px solid var(--color-edge);margin-top:8px;padding-top:6px;color:var(--color-ink-dim);font-size:9px}.runtime-flight-bindings summary,.runtime-flight-full-message summary{cursor:pointer;color:var(--color-accent-text)}.runtime-flight-bindings summary span{margin-left:6px;color:var(--color-ink-dim)}.runtime-flight-binding-source{margin-bottom:8px}.runtime-flight-binding-preview{padding:6px 8px;background:var(--color-info-soft);border-left:2px solid var(--color-h-info);font-size:10px}.runtime-flight-binding-preview>strong{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px;color:var(--color-h-info)}.runtime-flight-binding-preview>strong button{margin-left:auto;font-weight:400}.runtime-flight-binding-preview strong span{margin-left:6px;color:var(--color-ink-dim);font-weight:400}.runtime-flight-binding-preview>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(55px,.5fr);align-items:center;gap:7px;padding:2px 0}.runtime-flight-binding-preview code{font:10px var(--font-mono);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runtime-flight-binding-preview b{overflow:hidden;text-overflow:ellipsis;color:var(--color-h-green)}.runtime-flight-rules{width:100%;border-collapse:collapse;table-layout:fixed}.runtime-flight-rules th,.runtime-flight-rules td{text-align:left;padding:4px;overflow-wrap:anywhere;border-bottom:1px solid var(--color-edge);font-weight:400;vertical-align:top}.runtime-flight-rules code{font-family:var(--font-mono);color:var(--color-code-ink)}.runtime-flight-full-message>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.runtime-flight-full-message section{min-width:0}.runtime-flight-full-message pre{max-height:220px}.runtime-flight-footer{flex-shrink:0;display:flex;justify-content:space-between;gap:10px;padding:5px 12px;border-top:1px solid var(--color-edge);font-size:8px;color:var(--color-ink-dim)}.runtime-mapping-popup{position:fixed;z-index:1100;visibility:hidden;display:flex;flex-direction:column;box-sizing:border-box;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid var(--color-edge-bright);border-top:3px solid var(--color-h-info);border-radius:8px;background:var(--color-panel);color:var(--color-ink);box-shadow:0 12px 32px var(--color-shadow);font:12px/1.5 var(--font-sans)}.runtime-mapping-popup-heading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 12px 4px;flex-shrink:0}.runtime-mapping-popup-heading>div:first-child{flex:1;min-width:0}.runtime-mapping-popup-heading span{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--color-h-info)}.runtime-mapping-popup-heading h2{margin:2px 0;font-size:15px;overflow-wrap:anywhere}.runtime-mapping-popup-actions{display:flex;gap:6px;flex-wrap:wrap}.runtime-mapping-popup button{border:1px solid var(--color-edge-bright);border-radius:4px;padding:5px 9px;background:var(--color-panel-2);color:var(--color-ink);font:11px var(--font-sans);cursor:pointer}.runtime-mapping-popup button:hover{background:var(--color-hover)}.runtime-mapping-popup .runtime-mapping-pause{border-color:var(--color-h-info);background:var(--color-info-soft);color:var(--color-h-info);font-weight:600}.runtime-mapping-popup :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.runtime-mapping-popup-path{margin:0;padding:0 12px;font:10px/1.4 var(--font-mono);color:var(--color-ink-dim);overflow-wrap:anywhere;flex-shrink:0}.runtime-mapping-popup-note{margin:6px 12px;color:var(--color-ink-dim);font-size:10px;flex-shrink:0}.runtime-mapping-popup-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 12px 12px;border-block:1px solid var(--color-edge)}.runtime-mapping-popup-diagram{overflow:auto;overscroll-behavior:contain;border:1px solid var(--color-edge);border-radius:4px}.runtime-mapping-popup-diagram>div{min-width:640px}.runtime-mapping-popup-body h3{margin:12px 0 4px;font-size:11px}.runtime-mapping-popup .runtime-flight-rules{font-size:12px}.runtime-mapping-popup .runtime-flight-rules th:first-child{width:32%}.runtime-mapping-popup .runtime-flight-rules td code{white-space:pre-wrap}.runtime-mapping-popup footer{padding:6px 12px;color:var(--color-ink-dim);font-size:10px;flex-shrink:0}.process-canvas[data-runtime-following=true] .bw5-mapping-badge{pointer-events:none}.process-canvas[data-runtime-following=true] .runtime-node-overlay[data-selected=true]{outline-color:var(--color-h-info)}@container (max-width: 780px){.runtime-playback{flex-wrap:wrap}.runtime-playback input[type=range]{order:1;flex-basis:100%}.runtime-flight-heading{flex-wrap:wrap;gap:5px 10px}.runtime-flight-heading>div{width:100%}.runtime-flight-route small,.runtime-flight-footer span{display:none}.runtime-flight-content{grid-template-columns:1fr;overflow:auto}.runtime-flight-content>section{overflow:visible}.runtime-flight-message{border-right:0;border-bottom:1px solid var(--color-edge)}.runtime-flight-full-message>div{grid-template-columns:1fr}}.runtime-node-overlay{position:absolute;inset:-3px;border:2px solid;border-radius:inherit;pointer-events:none;z-index:12}.runtime-node-overlay:is([data-status=not-run],[data-status=not-captured]){border-style:dashed;opacity:.65}.runtime-node-overlay:is([data-status=not-run],[data-status=not-captured]):after{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--color-panel) 40%,transparent)}.runtime-node-overlay[data-selected=true]{outline:2px solid var(--color-accent);outline-offset:3px}.runtime-node-overlay[data-status=running],.runtime-node-overlay[data-status=retrying]{box-shadow:0 0 12px var(--color-info-fill)}.runtime-node-stamp{position:absolute;top:-14px;left:5px;max-width:calc(100% - 10px);display:flex;align-items:center;gap:4px;border:1px solid currentColor;background:var(--color-panel);color:inherit;border-radius:4px;padding:1px 5px;font:600 7.5px/1.4 var(--font-sans);white-space:nowrap;pointer-events:auto;cursor:pointer;box-shadow:0 1px 4px var(--color-shadow)}.runtime-node-stamp small{font-size:6.5px}.runtime-node-stamp:disabled{cursor:default}.runtime-node-overlay.is-terminal .runtime-node-stamp{left:50%;transform:translate(-50%);max-width:none;top:-19px}:is(.integration-activity,.process-portal,.flow-terminal,.runtime-preview-step):has(>:is(.runtime-node-overlay,.runtime-svg-node)[data-status=success]){--runtime-step-fill: var(--color-green-fill)}:is(.integration-activity,.process-portal,.flow-terminal,.runtime-preview-step):has(>:is(.runtime-node-overlay,.runtime-svg-node):is([data-status=running],[data-status=observed])){--runtime-step-fill: var(--color-info-fill)}:is(.integration-activity,.process-portal,.flow-terminal,.runtime-preview-step):has(>:is(.runtime-node-overlay,.runtime-svg-node)[data-status=error]){--runtime-step-fill: var(--color-red-fill)}:is(.integration-activity,.process-portal,.flow-terminal,.runtime-preview-step):has(>:is(.runtime-node-overlay,.runtime-svg-node)[data-status=retrying],>:is(.runtime-node-overlay,.runtime-svg-node)[data-status=recovered]){--runtime-step-fill: var(--color-amber-fill)}:is(.integration-activity,.process-portal,.flow-terminal,.runtime-preview-step):has(>:is(.runtime-node-overlay,.runtime-svg-node)[data-status=rejected]){--runtime-step-fill: var(--color-rejected-fill)}:is(.integration-activity,.process-portal,.flow-terminal,.runtime-preview-step):has(>:is(.runtime-node-overlay,.runtime-svg-node):is([data-status=not-run],[data-status=not-captured])){--runtime-step-fill: var(--color-panel-2)}:is(.integration-activity,.process-portal,.flow-terminal):has(>.runtime-node-overlay){background:var(--runtime-step-fill)}.nested-process-viewer :is(.integration-activity,.process-portal,.flow-terminal):has(>.runtime-node-overlay):not(.process-portal-reveal[aria-hidden=true] *){pointer-events:auto}.integration-activity:has(>.runtime-node-overlay)>.integration-activity-face>.integration-activity-caption,.process-portal:has(>.runtime-node-overlay)>.process-portal-footer{background:color-mix(in srgb,var(--runtime-step-fill) 78%,var(--color-panel));color:var(--color-ink-dim);border-top-color:var(--color-edge)}.integration-activity:has(>.runtime-node-overlay)>.integration-summary{background:var(--runtime-step-fill)}.runtime-preview-step:has(>.runtime-svg-node)>rect,.runtime-preview-step:has(>.runtime-svg-node)>.runtime-preview-terminal{fill:var(--runtime-step-fill)}.runtime-hover-preview{position:fixed;z-index:150;visibility:hidden;width:min(680px,calc(100vw - 24px));max-height:min(460px,calc(100vh - 24px));display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;border:1px solid var(--color-edge-bright);border-radius:var(--radius);color:var(--color-ink);background:var(--color-panel);box-shadow:0 14px 45px var(--color-shadow),0 2px 8px var(--color-shadow);font:11px/1.5 var(--font-sans);pointer-events:auto}.runtime-hover-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid var(--color-edge);background:var(--color-panel-2);flex-shrink:0}.runtime-hover-heading>div{min-width:0}.runtime-hover-heading>div>small{display:block;color:var(--color-ink-dim);font-size:8px;letter-spacing:1.2px;font-weight:700}.runtime-hover-heading>div>small>span{color:var(--color-h-green);letter-spacing:.6px;margin-left:8px}.runtime-hover-heading>div>small>span[data-source=flogo-recording]{color:var(--color-h-info)}.runtime-hover-heading strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runtime-hover-status{flex-shrink:0;text-align:right;font-weight:650}.runtime-hover-status small{display:block;font-size:9px;font-weight:400;color:var(--color-ink-dim);font-variant-numeric:tabular-nums}.runtime-hover-messages{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px 13px 13px;min-height:0;overflow:auto}.runtime-hover-messages>section{min-width:0}.runtime-hover-messages h3{margin:0 0 5px;color:var(--color-h-info);font-size:11px}.runtime-hover-messages>section:last-child h3{color:var(--color-h-green)}.runtime-hover-messages[data-timing=unavailable]>section:last-child h3{color:var(--color-ink-dim)}.runtime-hover-messages .runtime-payload-caption{min-height:30px;display:block;padding:0 0 5px}.runtime-hover-messages .runtime-payload-caption span{display:block;font-size:8px;color:var(--color-ink-faint)}.runtime-hover-messages .runtime-payload pre{max-height:230px;margin:0;font-size:10px}.runtime-hover-messages .runtime-empty{padding:11px;border:1px dashed var(--color-edge-bright);border-radius:5px;background:var(--color-panel-2)}.runtime-hover-error{margin:9px 13px 0;padding:6px 9px;border-left:3px solid var(--color-h-red);background:var(--color-red-soft);color:var(--color-h-red);font-size:10px;flex-shrink:0}.runtime-hover-identity{display:flex;justify-content:space-between;gap:10px;padding:6px 13px;border-top:1px solid var(--color-edge);color:var(--color-ink-dim);font-size:9px;flex-shrink:0}.runtime-hover-identity span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.runtime-hover-identity code{color:var(--color-ink);font-size:9px}.runtime-hover-hint{padding:0 13px 7px;color:var(--color-ink-dim);font-size:9px;flex-shrink:0}@media(max-width:580px){.runtime-hover-messages{grid-template-columns:1fr}.runtime-hover-messages .runtime-payload pre{max-height:140px}.runtime-hover-heading{padding:9px 11px;gap:7px}.runtime-hover-heading strong{font-size:12px}.runtime-hover-heading>div>small>span{display:block;margin-left:0}.runtime-hover-identity,.runtime-hover-identity span{display:block}}@container (max-width: 760px){.runtime-toolbar{gap:6px;flex-wrap:wrap}.runtime-toolbar select{flex:1}.runtime-demo-label{font-size:8px}.runtime-demo-label small{display:inline;margin-left:5px}.runtime-toolbar-actions{margin-left:auto}.runtime-outcome{font-size:10px}.runtime-run-summary small,.runtime-section-heading span,.runtime-legend small{display:none}.runtime-detail-grid{grid-template-columns:40% 60%}.runtime-timeline-row.runtime-timeline-row{grid-template-columns:85% 15%}.runtime-waterfall-track,.runtime-waterfall-cursor{display:none}.runtime-step-time{font-size:8px;padding-right:4px}}@container (max-width: 480px){.runtime-dock{flex-basis:370px;max-height:60%}.runtime-dock.is-live-follow:not(.is-compact){flex-basis:540px;max-height:72%}.runtime-dock.is-compact{flex-basis:auto}.runtime-toolbar,.runtime-playback{padding-inline:7px}.runtime-toolbar .runtime-instance-select{flex:1 0 100%;max-width:100%}.runtime-demo-label{width:100%}.runtime-outcome{display:none}.runtime-toolbar-actions{gap:4px}.runtime-toolbar-actions button{padding:3px 5px;font-size:9px}.runtime-time{min-width:88px;font-size:8px}.runtime-detail-grid{grid-template-columns:1fr;grid-template-rows:minmax(65px,35%) 1fr}.runtime-timeline{border-bottom:1px solid var(--color-edge);border-right:0}.runtime-timeline-row.runtime-timeline-row{grid-template-columns:53% 34% 13%;min-height:28px}.runtime-waterfall-track,.runtime-waterfall-cursor{display:block}.runtime-legend{gap:6px;font-size:7px}}.runtime-invocations{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.5rem 0}.integration-activity,.process-portal{position:relative;box-sizing:border-box;border:1px solid var(--color-edge);border-radius:10px;background:var(--color-panel);color:var(--color-ink);font-family:var(--font-sans);box-shadow:0 2px 5px var(--color-shadow),0 8px 18px var(--color-shadow);transition:box-shadow .16s ease,border-color .16s ease}.integration-activity{width:128px;height:64px}.integration-activity:before,.process-portal:before{content:"";position:absolute;top:-1px;left:15px;right:15px;height:2px;border-radius:3px;background:var(--node-accent, #6186a8);opacity:.7}.integration-activity:hover,.process-portal:hover{border-color:var(--node-accent, var(--color-edge-bright));box-shadow:0 4px 16px var(--color-shadow),0 0 0 2px var(--color-selection)}.integration-activity-face{height:100%;transition:opacity .14s ease}.integration-activity-heading{display:flex;align-items:center;gap:7px;height:45px;padding:7px 9px}.integration-activity-icon{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e4edf4;border-radius:8px;background:linear-gradient(145deg,#fff,#f0f6fb)}.integration-activity-heading strong{font-size:8.5px;line-height:1.35;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.integration-activity-caption{display:flex;justify-content:space-between;align-items:center;gap:4px;height:17px;padding:2px 9px;border-top:1px solid var(--color-edge-soft);color:var(--color-ink-dim);font-size:5px;border-radius:0 0 9px 9px;background:var(--color-panel-2)}.integration-activity-caption>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.integration-activity-caption b{color:var(--node-accent, #64849f);font-weight:600;white-space:nowrap}.integration-entry{position:absolute;top:-5px;left:-5px;width:12px;height:12px;display:grid;place-items:center;border:1px solid var(--color-panel);border-radius:50%;color:#fff;background:var(--node-accent, #2a9a73);font-size:6px;z-index:2}.integration-detail{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:var(--color-panel);animation:integration-detail-reveal .17s ease-out}.integration-summary{padding:4px;font-size:3px;line-height:1.45}.integration-summary-heading{display:flex;align-items:center;gap:3px;margin-bottom:2px;font-size:5px}.integration-summary-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-summary-type{display:inline-block;padding:1px 3px;border-radius:3px;color:#fff;background:var(--node-accent, #69869f);font-size:3px;margin-bottom:2px}.integration-summary p{max-height:10px;overflow:hidden;color:var(--color-ink-dim);margin-bottom:1px}.integration-summary>div:not(.integration-summary-heading){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-summary>div>span{color:var(--color-ink-faint)}.activity-properties{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:inherit;color:var(--color-ink);background:var(--color-panel);font-family:var(--font-sans);text-align:left}.activity-properties-heading{display:flex;align-items:center;gap:3px;padding:4px;border-bottom:.4px solid var(--color-edge);background:var(--color-panel-2)}.activity-properties-heading img{flex-shrink:0}.activity-properties-heading strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);font-size:4px}.activity-properties-heading>span{max-width:30px;padding:1px 2px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-dim);background:color-mix(in srgb,var(--node-accent) 8%,var(--color-panel));font-size:2px}.activity-properties-body{flex:1;min-height:0;padding:3px 4px;overflow:auto;scrollbar-width:thin;font-size:2.5px;line-height:1.5}.activity-properties-body:focus-visible{outline:.5px solid var(--node-accent);outline-offset:-1px}.activity-properties-body p{margin:0 0 3px;color:var(--color-ink-dim)}.activity-properties-body table{width:100%;table-layout:fixed;border-collapse:collapse}.activity-properties-body th,.activity-properties-body td{padding:1px 0;border-bottom:.3px solid var(--color-edge-soft);vertical-align:top;overflow-wrap:anywhere}.activity-properties-body th{width:30%;padding-right:4px;color:var(--color-ink-dim);font-weight:500}.activity-properties-empty{padding-top:3px}.process-portal{border-color:color-mix(in srgb,var(--node-accent, #bb8c32) 38%,var(--color-edge));border-radius:12px}.process-portal-cover{position:absolute;inset:0 0 19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px;transition:opacity .12s ease}.process-portal-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--node-accent) 6%,#fff);border:1px solid color-mix(in srgb,var(--node-accent) 18%,#e9eef4)}.process-portal-cover>strong{font-size:10px;font-weight:650;max-width:138px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.process-portal-path{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-dim);font-size:6px}.process-portal-reveal{position:absolute;inset:0 0 19px;overflow:hidden;border-radius:11px 11px 0 0;transition:opacity .12s ease}.process-portal-heading{height:23px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-bottom:1px solid var(--color-edge-soft)}.process-portal-heading strong{min-width:0;flex:1;font-size:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.process-portal-heading>span{flex-shrink:0;font-size:4px;padding:1px 3px;border-radius:3px;background:var(--color-panel-2);color:var(--color-ink-dim)}.process-portal-viewport{position:absolute;inset:23px 0 0;padding:3px 4px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,var(--color-panel),var(--color-panel-2))}.process-portal-footer{position:absolute;bottom:0;left:0;right:0;height:19px;padding:2px 4px 2px 7px;display:flex;align-items:center;justify-content:space-between;gap:3px;background:var(--color-panel-2);border-top:1px solid var(--color-edge);border-radius:0 0 11px 11px}.process-portal-footer>span{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:5.5px;color:var(--color-ink-dim)}.process-portal-footer i{width:3px;height:3px;border-radius:50%;background:var(--node-accent);flex-shrink:0;opacity:.65}.process-portal-footer i.is-loading{animation:preview-loading 1s ease-in-out infinite}.process-portal-footer button{display:grid;place-items:center;width:15px;height:14px;border:0;border-radius:4px;background:var(--color-hover);color:var(--color-ink-dim);flex-shrink:0;cursor:pointer;padding:0}.process-portal-footer button:hover{background:var(--color-accent);color:var(--color-accent-ink)}.process-portal-footer button:focus-visible{outline:1px solid var(--node-accent);outline-offset:1px}.process-portal[data-preview-status=error]{border-color:var(--color-h-red)}.process-portal[data-preview-status=error] .process-portal-footer>span{color:var(--color-h-red)}.process-preview-empty,.mapping-preview-message{display:grid;place-items:center;height:100%;padding:4px;color:var(--color-ink-dim);background:var(--color-panel-2);text-align:center;font:4px/1.5 var(--font-sans)}.integration-activity>.react-flow__handle,.process-portal>.react-flow__handle{width:5px;height:5px;min-width:5px;min-height:5px;top:50%;z-index:2;border:1px solid var(--color-panel);background:var(--node-accent, var(--color-edge-bright))}.integration-activity>.react-flow__handle-left,.process-portal>.react-flow__handle-left{left:-3px}.integration-activity>.react-flow__handle-right,.process-portal>.react-flow__handle-right{right:-3px}.react-flow__node.selected>:is(.integration-activity,.process-portal),.react-flow__node.selected .bw5-group{box-shadow:0 0 0 2px var(--color-accent),0 5px 18px var(--color-shadow)}.integration-activity.is-highlighted,.process-portal.is-highlighted{box-shadow:0 0 0 2px var(--color-h-amber),0 3px 14px var(--color-amber-soft)}.bw5-mapping-badge{transition:box-shadow .14s ease}.bw5-mapping-badge:hover{box-shadow:0 0 0 2px var(--color-selection)!important}.bw5-mapping-badge:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.activity-info-badge{position:absolute;top:-4px;width:10px;height:10px;padding:0;display:grid;place-items:center;border:1px solid var(--color-panel);border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 1px 2px var(--color-shadow);cursor:pointer;z-index:5;pointer-events:auto}.activity-info-badge:hover{box-shadow:0 0 0 2px var(--color-selection)}.activity-info-badge:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.activity-info-tooltip{position:fixed;top:8px;left:8px;z-index:10000;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;box-sizing:border-box;padding:10px 12px;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-edge-bright);border-radius:8px;box-shadow:0 6px 18px var(--color-shadow);font:11px/1.5 var(--font-sans);text-align:left;pointer-events:none;overflow-wrap:anywhere}.activity-info-tooltip>strong{font-size:12px}.activity-info-tooltip>:is(div,span){color:var(--color-ink-dim)}.activity-info-tooltip p{margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.activity-info-tooltip>code{display:block;margin-top:5px;font-size:10px}.activity-info-tooltip dl{margin:6px 0}.activity-info-tooltip dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:6px;padding:2px 0}.activity-info-tooltip dt{color:var(--color-ink-dim)}.activity-info-tooltip dd{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flogo-trigger{box-shadow:0 2px 5px var(--color-shadow),0 8px 18px var(--color-shadow)}.flow-terminal{position:relative;border-radius:50%;border:1px solid var(--color-edge);background:var(--color-panel);box-shadow:0 2px 8px var(--color-shadow)}.nested-process-viewer .bw5-mapping-badge{pointer-events:auto}.flow-terminal .react-flow__handle{width:5px;height:5px;min-width:5px;min-height:5px;background:var(--color-h-green);border:1px solid var(--color-panel)}.process-portal-footer button:disabled{opacity:.4;cursor:default}.react-flow__edge-textbg{filter:drop-shadow(0 1px 1px var(--color-shadow))}[data-contrast=high] :is(.integration-activity,.process-portal,.flow-terminal,.bw5-group){outline:1px solid var(--color-edge-bright)}@keyframes integration-detail-reveal{0%{opacity:0}to{opacity:1}}@keyframes preview-loading{50%{opacity:.2}}@keyframes node-added-pulse{0%,to{box-shadow:0 0 0 2.5px var(--color-h-green),0 0 16px 7px var(--color-green-fill)}50%{box-shadow:0 0 0 2px var(--color-h-green),0 0 6px 2px var(--color-green-soft)}}@keyframes node-modified-pulse{0%,to{box-shadow:0 0 0 2.5px var(--color-h-amber),0 0 16px 7px var(--color-amber-fill)}50%{box-shadow:0 0 0 2px var(--color-h-amber),0 0 6px 2px var(--color-amber-soft)}}@keyframes node-appear{0%{opacity:0}}.node-added{animation:node-appear .5s ease-out,node-added-pulse 1.3s ease-in-out infinite!important}.node-modified{animation:node-modified-pulse 1.3s ease-in-out infinite!important}@keyframes node-removed-pulse{0%,to{box-shadow:0 0 0 2px var(--color-h-red),0 0 14px 5px var(--color-red-fill)}50%{box-shadow:0 0 0 2px var(--color-h-red)}}.node-removed{animation:node-appear .5s ease-out,node-removed-pulse 1.4s ease-in-out infinite!important;opacity:.65;filter:grayscale(.2)}.node-added{--change-ink: var(--color-h-green);--change-fill: var(--color-green-fill)}.node-modified{--change-ink: var(--color-h-amber);--change-fill: var(--color-amber-fill)}.node-removed{--change-ink: var(--color-h-red);--change-fill: var(--color-red-fill)}:is(.integration-activity,.process-portal):is(.node-added,.node-modified,.node-removed){border-color:var(--change-ink);background:color-mix(in srgb,var(--change-fill) 45%,var(--color-panel))}:is(.node-added,.node-modified,.node-removed)>.integration-activity-face>.integration-activity-caption,:is(.node-added,.node-modified,.node-removed)>.process-portal-footer{background:var(--change-fill);border-top-color:color-mix(in srgb,var(--change-ink) 35%,transparent)}.process-canvas{--canvas-accent: var(--color-accent);--canvas-ink: var(--color-ink);position:relative;width:100%;height:100%;overflow:hidden;container-type:inline-size;background:var(--color-surface)}.process-canvas-2d{background:radial-gradient(ellipse at 45% 35%,var(--color-panel) 0%,var(--color-surface) 56%,var(--color-panel-2) 100%)}.process-canvas .react-flow{--xy-edge-stroke-default: var(--color-diagram-edge);--xy-edge-stroke-selected-default: var(--canvas-accent);--xy-selection-background-color-default: var(--color-selection);--xy-selection-border-default: 1px solid var(--color-accent);--xy-node-border-radius-default: 10px}.process-canvas .react-flow__attribution{background:var(--color-panel-2);color:var(--color-ink-dim);border-radius:5px 0 0;font-size:8px}.canvas-heading{position:absolute;top:16px;left:18px;right:18px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 15px;border:1px solid var(--color-edge);border-radius:14px;background:color-mix(in srgb,var(--color-panel) 94%,transparent);box-shadow:0 3px 18px var(--color-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--canvas-ink);font-family:var(--font-sans)}.canvas-identity{display:flex;align-items:center;gap:11px;min-width:0}.canvas-identity>img{object-fit:contain;flex-shrink:0}.canvas-identity>div{min-width:0}.canvas-eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:650;letter-spacing:1.35px;color:var(--color-ink-dim)}.canvas-eyebrow b{padding:2px 5px;border:1px solid var(--color-edge);border-radius:4px;color:var(--canvas-ink);letter-spacing:.2px;font-size:8px}.canvas-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px;font-size:12px}.canvas-breadcrumb>span{color:var(--color-ink-faint)}.canvas-breadcrumb strong{font-size:11px;color:var(--color-accent-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-breadcrumb button{color:var(--canvas-ink);border:0;background:transparent;font:inherit;font-weight:650;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.canvas-breadcrumb button:hover{color:var(--color-accent-text)}.canvas-definition-counts{display:flex;gap:17px;flex-shrink:0;color:var(--color-ink-dim);font-size:10px}.canvas-definition-counts b{font-size:13px;color:var(--color-ink);margin-right:3px}.process-canvas .react-flow__controls{display:flex;flex-direction:row;padding:5px;margin:18px;gap:3px;border:1px solid var(--color-edge);border-radius:13px;background:var(--color-panel);box-shadow:0 4px 16px var(--color-shadow)}.process-canvas .react-flow__controls-button{width:30px;height:30px;padding:8px;border:0;border-radius:8px;color:var(--color-ink-dim);background:transparent;transition:color .14s ease,background .14s ease}.process-canvas .react-flow__controls-button:hover{color:var(--color-ink);background:var(--color-hover)}.process-canvas .react-flow__controls-button svg{fill:currentColor;max-width:15px;max-height:15px}.process-canvas .react-flow__controls-button svg[fill=none]{fill:none}.process-canvas .canvas-control{position:relative}.process-canvas .canvas-control[aria-pressed=true]{color:var(--color-accent-text);background:var(--color-selection)}.canvas-control-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--color-edge);border-radius:8px;background:var(--color-panel);color:var(--color-ink);box-shadow:0 4px 16px var(--color-shadow);font:11px var(--font-sans);white-space:nowrap;pointer-events:none;visibility:hidden}.canvas-control:first-child .canvas-control-tooltip{left:0;transform:none}.canvas-control:hover .canvas-control-tooltip,.canvas-control:focus-visible .canvas-control-tooltip{visibility:visible}.react-flow__controls:has(.canvas-control:hover) .canvas-control:not(:hover) .canvas-control-tooltip{visibility:hidden}.canvas-control-tooltip kbd{padding:2px 5px;border:1px solid var(--color-edge-bright);border-radius:4px;color:var(--color-ink-dim);font:10px var(--font-mono)}.process-canvas .react-flow__controls-button:focus-visible,.canvas-heading button:focus-visible,.canvas-zoom-meter button:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:2px}.process-canvas .react-flow__minimap{margin:18px;padding:4px;overflow:hidden;border:1px solid var(--color-edge);border-radius:13px;box-shadow:0 4px 16px var(--color-shadow);background:var(--color-panel)}.canvas-zoom-meter{position:absolute;bottom:19px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:9px;height:40px;padding:5px 7px 5px 13px;border:1px solid var(--color-edge);border-radius:13px;background:var(--color-panel);box-shadow:0 4px 16px var(--color-shadow);font:10px var(--font-sans);color:var(--color-ink-dim)}.canvas-zoom-dot{width:5px;height:5px;border-radius:50%;background:var(--canvas-accent);box-shadow:0 0 0 3px var(--color-selection)}.canvas-zoom-meter strong{min-width:38px;color:var(--color-ink);font-size:11px;font-variant-numeric:tabular-nums}.canvas-zoom-meter button{padding:7px 10px;color:var(--color-ink-dim);border:0;border-left:1px solid var(--color-edge);background:transparent;border-radius:6px;font:inherit;cursor:pointer;white-space:nowrap}.canvas-zoom-meter button:hover{background:var(--color-hover);color:var(--canvas-ink)}.canvas-zoom-hint{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;pointer-events:none;color:var(--color-ink-faint);font:9px var(--font-sans);white-space:nowrap}.canvas-zoom-hint span{width:2px;height:2px;border-radius:50%;background:var(--color-ink-faint)}@container (max-width: 850px){.canvas-definition-counts{display:none}.process-canvas .react-flow__minimap{width:120px;height:84px}.process-canvas .react-flow__minimap svg{width:120px;height:80px}.canvas-zoom-hint{display:none}.canvas-zoom-meter>span:not(.canvas-zoom-dot){display:none}}@container (max-width: 650px){.process-canvas .react-flow__minimap{display:none}.canvas-zoom-meter{left:auto;right:14px;bottom:72px;transform:none;gap:6px}.canvas-heading{left:12px;right:12px;top:12px;padding:10px 12px}}@container (max-width: 420px){.process-canvas .react-flow__controls{margin:14px}.canvas-eyebrow{font-size:7px;letter-spacing:.8px}.canvas-breadcrumb{font-size:11px}}@media(prefers-reduced-motion:reduce){.process-canvas *,.process-canvas *:before,.process-canvas *:after{animation-duration:0s!important;transition-duration:0s!important}}.call-graph-view .react-flow{--xy-background-color: var(--color-surface);--xy-controls-button-background-color: var(--color-panel);--xy-controls-button-background-color-hover: var(--color-hover);--xy-controls-button-color: var(--color-ink);--xy-controls-button-color-hover: var(--color-ink);--xy-controls-button-border-color: var(--color-edge);--xy-controls-box-shadow: 0 2px 6px var(--color-shadow);--xy-handle-background-color: var(--color-panel);--xy-handle-border-color: var(--color-edge-bright)}.call-graph-view .react-flow__controls{border:1px solid var(--color-edge);border-radius:var(--radius);overflow:hidden}[data-contrast=high] .call-graph-view .react-flow__edge-path{stroke-width:2px}.step-details{padding:16px;overflow:auto;min-height:0;font:12px/1.55 var(--font-sans);overflow-wrap:anywhere}.step-details header{display:flex;align-items:center;gap:9px}.step-details h2{margin:0;font-size:16px;line-height:1.35}.step-details header img{flex-shrink:0}.step-details p{margin:10px 0;white-space:pre-wrap}.step-details dl{margin:10px 0}.step-details dl>div{padding:6px 0;border-bottom:1px solid var(--color-edge-soft)}.step-details dt{color:var(--color-ink-dim);font-size:11px}.step-details dd{margin:2px 0 0}.step-details code{font-size:11px;white-space:pre-wrap}.step-details pre{margin:5px 0;padding:8px;border-radius:5px;background:var(--color-panel-2);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.step-details ul{padding-left:18px}.step-details button{border:1px solid var(--color-edge-bright);border-radius:5px;padding:5px 9px;background:var(--color-panel-2);color:var(--color-ink);cursor:pointer;font:inherit}.step-details button:hover{background:var(--color-hover)}.step-details :is(button,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.step-details-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.step-details-badges span{padding:2px 7px;background:var(--color-panel-2);border:1px solid var(--color-edge);border-radius:10px;font-size:10px}.step-details .step-details-note{color:var(--color-ink-dim);font-size:11px}.step-details-section{border-top:1px solid var(--color-edge);margin-top:14px}.step-details-section>summary{padding:10px 0;font-weight:650;cursor:pointer}.step-mapping-rule{margin:6px 0;border:1px solid var(--color-edge);border-radius:5px;padding:6px}.step-mapping-rule summary{cursor:pointer}.step-mapping-rule summary span{display:inline-block;margin-left:5px;color:var(--color-ink-dim);font-size:10px}.step-details .step-connections{list-style:none;padding:0}.step-connections li{padding:8px 0;border-bottom:1px solid var(--color-edge-soft)}.step-connections button{display:block;margin-top:5px}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.atlas-landing{position:fixed;inset:0;z-index:200;overflow:auto;color:var(--color-ink);background:var(--color-surface);font-family:var(--font-sans)}.atlas-landing:focus{outline:none}.atlas-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.atlas-backdrop img{position:absolute;top:0;right:0;width:auto;max-width:66%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}.atlas-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface) 40%,transparent 72%)}.atlas-appearance{position:absolute;top:24px;right:24px;z-index:2}.atlas-main{position:relative;display:flex;align-items:center;min-height:100%;padding:96px clamp(32px,7vw,112px)}.atlas-content{width:45%;max-width:480px}.atlas-wordmark{display:flex;align-items:center;gap:18px}.atlas-wordmark img{flex-shrink:0}.atlas-wordmark h1{font-size:clamp(32px,3.5vw,48px);line-height:1.1;font-weight:500;letter-spacing:-1.5px;white-space:nowrap}.atlas-wordmark strong{font-weight:800}.atlas-description{margin-top:28px;color:var(--color-ink-dim);font-size:16px;line-height:1.85}.atlas-description strong{color:var(--color-ink)}.atlas-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.atlas-launch{min-height:44px;padding:11px 22px;border:1px solid var(--color-edge-bright);border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:background .16s,box-shadow .16s}.atlas-launch-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.atlas-launch-primary:hover{box-shadow:0 0 0 3px var(--color-selection)}.atlas-launch-secondary{color:var(--color-ink);background:var(--color-panel)}.atlas-launch-secondary:hover{background:var(--color-hover);border-color:var(--color-accent)}@media(max-width:1000px){.atlas-wordmark{gap:14px}.atlas-wordmark img{width:58px;height:58px}.atlas-description{font-size:15px}.atlas-launch{padding-inline:16px}}@media(max-width:720px){.atlas-appearance{top:18px;right:20px}.atlas-main{padding:96px 24px 64px;justify-content:center}.atlas-content{width:100%;max-width:460px}.atlas-wordmark h1{font-size:clamp(32px,7vw,42px)}.atlas-backdrop img{width:100%;max-width:none;opacity:.16;object-position:60% top}.atlas-backdrop:after{background:linear-gradient(90deg,var(--color-surface),transparent 150%)}}@media(max-width:360px){.atlas-actions{gap:10px}.atlas-launch{flex:1;padding-inline:12px}}@media(prefers-reduced-motion:reduce){.atlas-launch{transition:none}}@media(forced-colors:active){.atlas-backdrop{display:none}.atlas-launch{border-color:ButtonText}}.app-landing-accessory{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:201}.app-header-accessory{display:flex;align-items:center;gap:6px;flex-shrink:0}.guided-tour{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:var(--font-sans)}.guided-tour-scrim{position:fixed;inset:0}.guided-tour-dim{fill:#040a1438}.guided-tour-ring{fill:none;stroke:var(--color-accent);stroke-width:2.5;filter:drop-shadow(0 0 6px var(--color-accent));animation:guided-tour-ring 1.6s ease-in-out infinite}@keyframes guided-tour-ring{50%{stroke-opacity:.45}}.guided-tour-card{position:fixed;top:0;left:0;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;pointer-events:auto;box-sizing:border-box;padding:14px 16px 12px;border:1px solid var(--color-edge);border-top:3px solid var(--color-accent);border-radius:10px;background:var(--color-panel);color:var(--color-ink);box-shadow:0 18px 50px var(--color-shadow, rgba(0, 0, 0, .35));transition:transform .35s cubic-bezier(.2,.8,.2,1);outline:none}@media(prefers-reduced-motion:reduce){.guided-tour-card{transition:none}.guided-tour-ring{animation:none}}.guided-tour-chapters{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.guided-tour-chapters button{padding:3px 9px;border:1px solid var(--color-edge);border-radius:999px;background:transparent;color:var(--color-ink-dim);font:inherit;font-size:11px;cursor:pointer}.guided-tour-chapters button:hover{color:var(--color-ink);background:var(--color-hover)}.guided-tour-chapters button[aria-current]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.guided-tour-meta{display:flex;align-items:center;gap:8px;color:var(--color-ink-dim);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.guided-tour-busy{color:var(--color-accent-text, var(--color-accent));text-transform:none;letter-spacing:0}.guided-tour-card h2{margin:4px 0 8px;font-size:17px;line-height:1.25}.guided-tour-body{font-size:13px;line-height:1.5}.guided-tour-body p{margin:0 0 8px}.guided-tour-body ul{margin:0 0 8px;padding-left:18px}.guided-tour-body li{margin-bottom:3px}.guided-tour-card kbd{padding:0 5px;border:1px solid var(--color-edge);border-bottom-width:2px;border-radius:4px;background:var(--color-code, var(--color-surface));font-family:var(--font-mono, ui-monospace, monospace);font-size:11px}.guided-tour-note{margin:4px 0 10px;padding:6px 9px;border-left:3px solid var(--color-h-amber);border-radius:4px;background:var(--color-amber-soft);font-size:12px;line-height:1.4}.guided-tour-choices{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}.guided-tour-choices button,.guided-tour-actions button{padding:5px 11px;border:1px solid var(--color-edge);border-radius:6px;background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:12px;cursor:pointer}.guided-tour-choices button:hover:not(:disabled),.guided-tour-actions button:hover:not(:disabled){background:var(--color-hover)}.guided-tour-card button:disabled{opacity:.45;cursor:default}.guided-tour-card button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.guided-tour-actions{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--color-edge)}.guided-tour-actions .guided-tour-exit{border-color:transparent;background:transparent;color:var(--color-ink-dim)}.guided-tour-count{margin-left:auto;color:var(--color-ink-faint);font-size:11px}.guided-tour-actions .guided-tour-next{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.guided-tour-actions .guided-tour-next:hover{background:var(--color-accent);filter:brightness(1.1)}.app-tour-button{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--color-accent);border-radius:4px;background:transparent;color:var(--color-ink);font-weight:600;font-size:12px;white-space:nowrap;cursor:pointer}.app-tour-button:hover,.app-tour-button[aria-pressed=true]{background:var(--color-selection)}.demo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.demo-loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--color-surface);color:var(--color-ink-dim);font-family:var(--font-sans);font-size:14px}.demo-app{position:fixed;inset:0;display:flex;flex-direction:column}.demo-landing-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(32px,5vw,80px);align-items:center;padding-block:72px}.demo-landing-intro{max-width:480px}.demo-landing-note{margin-top:18px;color:var(--color-ink-dim);font-size:14px;line-height:1.7}.demo-mobile-hint{display:none;margin-top:14px;padding:10px 12px;border-radius:var(--radius);background:var(--color-amber-soft);color:var(--color-ink);font-size:13px}.demo-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--color-edge);border-radius:calc(var(--radius) * 1.5);background:var(--color-panel);box-shadow:0 18px 48px var(--color-shadow)}.demo-banner{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius);background:var(--color-panel-2);border:1px solid var(--color-edge-bright)}.demo-banner h2{font-size:17px;font-weight:700}.demo-banner p{color:var(--color-ink-dim);font-size:14px;line-height:1.6}.demo-banner-ended{border-color:var(--color-h-amber)}.demo-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--radius);background:var(--color-panel-2)}.demo-tab{flex:1;min-height:36px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-ink-dim);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.demo-tab:hover{color:var(--color-ink)}.demo-tab[aria-selected=true]{background:var(--color-panel);color:var(--color-ink);box-shadow:0 1px 3px var(--color-shadow)}.demo-landing-footer{display:flex;justify-content:center;gap:8px;color:var(--color-ink-faint);font-size:12px}.demo-form{display:flex;flex-direction:column;gap:14px}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.demo-field>label,.demo-field>span{color:var(--color-ink);font-weight:600}.demo-input{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--color-edge-bright);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:14px}.demo-input:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.demo-textarea{min-height:64px;resize:vertical;line-height:1.5}.demo-code-input{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}.demo-input[readonly]{background:transparent;color:var(--color-ink-dim);cursor:default}.demo-input[readonly]:focus{outline-color:var(--color-edge-bright)}.demo-voucher-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border:1px solid var(--color-edge-bright);border-radius:var(--radius)}.demo-voucher-summary>div{display:flex;flex-direction:column;gap:2px}.demo-voucher-code{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:1px;color:var(--color-ink)}.demo-field-invalid .demo-input{border-color:var(--color-h-red)}.demo-field-error,.demo-form-error{color:var(--color-h-red);font-size:12px}.demo-form-error{padding:8px 10px;border-radius:var(--radius);background:var(--color-red-soft);font-size:13px}.demo-field-hint,.demo-fine-print{color:var(--color-ink-faint);font-size:12px;line-height:1.5}.demo-check{display:flex;align-items:flex-start;gap:8px;color:var(--color-ink-dim);font-size:13px;line-height:1.5;cursor:pointer}.demo-check input{margin-top:3px;accent-color:var(--color-accent)}.demo-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.demo-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.demo-confirmation{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.demo-confirmation h3{font-size:16px}.demo-confirmation p{color:var(--color-ink-dim);font-size:14px;line-height:1.6}.demo-fieldset{border:0;display:flex;flex-direction:column;gap:8px}.demo-fieldset legend{margin-bottom:8px;color:var(--color-ink);font-size:13px;font-weight:600}.demo-rating{display:flex;gap:4px}.demo-rating-option{position:relative;font-size:26px;line-height:1;color:var(--color-ink-faint);cursor:pointer}.demo-rating-option.is-on{color:var(--color-h-amber)}.demo-rating-option input,.demo-segmented input{position:absolute;opacity:0;width:1px;height:1px}.demo-rating-option:has(input:focus-visible),.demo-segmented label:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.demo-segmented{display:inline-flex;border:1px solid var(--color-edge-bright);border-radius:var(--radius);overflow:hidden;align-self:flex-start}.demo-segmented label{position:relative;padding:7px 16px;font-size:13px;color:var(--color-ink-dim);cursor:pointer}.demo-segmented label+label{border-left:1px solid var(--color-edge-bright)}.demo-segmented label.is-on{background:var(--color-accent);color:var(--color-accent-ink)}.demo-button{min-height:38px;padding:8px 16px;border:1px solid var(--color-edge-bright);border-radius:var(--radius);background:var(--color-panel);color:var(--color-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s,box-shadow .16s}.demo-button:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-accent)}.demo-button:disabled{opacity:.6;cursor:default}.demo-button-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.demo-button-primary:hover:not(:disabled){background:var(--color-accent);box-shadow:0 0 0 3px var(--color-selection)}.demo-button-compact{min-height:28px;padding:4px 10px;font-size:12px}.demo-link{padding:0;border:0;background:none;color:var(--color-accent);font:inherit;text-decoration:underline;cursor:pointer}.demo-controls{display:flex;align-items:center;gap:6px;font-family:var(--font-sans)}.demo-countdown{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:3px 10px;border-radius:999px;border:1px solid var(--color-edge-bright);background:var(--color-panel-2);color:var(--color-ink);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.demo-countdown-warning{background:var(--color-amber-soft);border-color:var(--color-h-amber)}.demo-countdown-critical{background:var(--color-red-soft);border-color:var(--color-h-red);color:var(--color-h-red);font-weight:700}.demo-overlay,.demo-modal-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:var(--color-backdrop);font-family:var(--font-sans);color:var(--color-ink)}.demo-modal-backdrop{z-index:310}.demo-overlay-card,.demo-modal{width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;border:1px solid var(--color-edge-bright);border-radius:calc(var(--radius) * 1.5);background:var(--color-panel);box-shadow:0 24px 64px var(--color-shadow)}.demo-overlay-card{display:flex;flex-direction:column;gap:14px}.demo-overlay-card h2{font-size:20px}.demo-overlay-card>p{color:var(--color-ink-dim);font-size:14px;line-height:1.6}.demo-modal{padding:0}.demo-modal:focus{outline:none}.demo-modal-wide{width:min(720px,100%)}.demo-modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-edge);background:var(--color-panel)}.demo-modal-header h2{font-size:16px}.demo-modal-close{width:30px;height:30px;border:0;border-radius:var(--radius);background:none;color:var(--color-ink-dim);font-size:20px;cursor:pointer}.demo-modal-close:hover{background:var(--color-hover);color:var(--color-ink)}.demo-modal-body{display:flex;flex-direction:column;gap:14px;padding:20px}.demo-legal-draft{padding:8px 10px;border-radius:var(--radius);background:var(--color-amber-soft);font-size:12px}.demo-legal-section h3{margin-bottom:6px;font-size:14px}.demo-legal-section p{color:var(--color-ink-dim);font-size:13px;line-height:1.65}.demo-legal-section p+p{margin-top:6px}@media(max-width:1000px){.demo-landing-main{grid-template-columns:1fr;justify-items:center;padding-block:88px 48px}.demo-landing-intro,.demo-card{width:100%;max-width:560px}}@media(max-width:720px){.demo-mobile-hint{display:block}.demo-form-row{grid-template-columns:1fr}.demo-card{padding:18px}}@media(hover:none)and (pointer:coarse){.demo-mobile-hint{display:block}}@media(prefers-reduced-motion:reduce){.demo-button{transition:none}}@media(forced-colors:active){.demo-countdown,.demo-button,.demo-card{border-color:CanvasText}.demo-tab[aria-selected=true]{outline:2px solid Highlight}}