.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: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--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;touch-action:none}.react-flow__pane.draggable{cursor:grab}.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))}:root{--font-display: "Switzer", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-accent: "Fraunces", Georgia, serif;--canvas: #FFFFFF;--canvas-2: #F9FAFB;--surface-low: #F4F4F5;--surface-mid: #FFFFFF;--surface-high: #F0F0F1;--surface-overlay: rgba(255, 255, 255, .92);--border-subtle: #E6E8EB;--border-default: #D6D9DD;--border-strong: #B3B8BF;--border-focus: #3D8B4F;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #8A929C;--text-disabled: #C4C8CE;--text-on-spine: #FFFFFF;--green: #3D8B4F;--green-deep: #2C6B3B;--green-light: #56A367;--green-bg: #E8F5EC;--gold: #D4960A;--gold-text: #8A5B00;--gold-bg: #FFF8E6;--blue: #3B82F6;--blue-text: #1D4ED8;--blue-bg: #EEF4FF;--emerald: #16A34A;--emerald-text: #166534;--emerald-bg: #ECFDF3;--indigo-bg: #EEF2FF;--indigo-border: #C7D2FE;--indigo-text: #3730A3;--slate-bg: #F1F5F9;--slate-border: #CBD5E1;--edge-flow: #3D8B4F;--edge-governs: #D4960A;--edge-feedback: #3B82F6;--edge-future: #94A3B8;--edge-inner: #9AA4B0;--guide: #E5484D;--selection: #3D8B4F;--selection-bg: rgba(61, 139, 79, .08);--shadow-node: 0 1px 2px rgba(15, 23, 42, .06), 0 0 0 1px var(--border-subtle);--shadow-spine: 0 1px 2px rgba(15, 23, 42, .08), 0 8px 24px rgba(61, 139, 79, .22);--shadow-float: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .1), 0 0 0 1px var(--border-subtle);--shadow-hover: 0 4px 14px rgba(15, 23, 42, .1), 0 0 0 1px var(--border-default);--note-yellow: #FFF3B0;--note-green: #DCFCE7;--note-blue: #DBEAFE;--note-rose: #FFE4E6;--r-sm: 6px;--r-md: 10px;--r-lg: 14px}:root[data-theme=dark]{--canvas: #111113;--canvas-2: #0D0E10;--surface-low: #1A1C1F;--surface-mid: #232629;--surface-high: #2C2F33;--surface-overlay: rgba(35, 38, 41, .92);--border-subtle: #2A2D31;--border-default: #353A3F;--border-strong: #4A5159;--border-focus: #7FC68F;--text-primary: #EDEEF0;--text-secondary: #B0B4BA;--text-muted: #7B828C;--text-disabled: #5A6169;--green-bg: #15281B;--gold-text: #F2C24D;--gold-bg: #2A2008;--blue-text: #93B4FF;--blue-bg: #14213A;--emerald-text: #6EE7A0;--emerald-bg: #0F2A1B;--indigo-bg: #1E2140;--indigo-border: #3B3F7A;--indigo-text: #C7CBFF;--slate-bg: #232629;--slate-border: #3A3F46;--edge-inner: #4A5159;--edge-future: #5F6B7A;--selection-bg: rgba(127, 198, 143, .1);--shadow-node: 0 1px 2px rgba(0, 0, 0, .35), 0 0 0 1px var(--border-subtle);--shadow-spine: 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 24px rgba(0, 0, 0, .5), 0 0 28px rgba(86, 163, 103, .18);--shadow-float: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45), 0 0 0 1px var(--border-default);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .45), 0 0 0 1px var(--border-strong);--note-yellow: #4A4020;--note-green: #1E3A2A;--note-blue: #1E2E48;--note-rose: #452530}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(160deg,var(--canvas) 0%,var(--canvas-2) 100%);-webkit-font-smoothing:antialiased;font-size:14px}button{font:inherit;color:inherit}.app{position:relative;width:100%;height:100%}.boot-error{max-width:480px;margin:20vh auto;padding:24px;font-family:var(--font-body)}.boot-error h1{font-family:var(--font-display);font-size:18px;margin:0 0 8px}.boot-error p{color:var(--text-secondary);margin:0}.react-flow{background:transparent}.react-flow__pane{cursor:default}.react-flow__pane.dragging{cursor:grabbing}.react-flow__node{cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__node:focus,.react-flow__node:focus-visible{outline:none}.react-flow__selection,.react-flow__nodesselection-rect{background:var(--selection-bg);border:1px solid var(--selection);border-radius:2px}.react-flow__edge.selected .react-flow__edge-path{filter:none}.react-flow__edge-path{transition:stroke-width .12s ease}.react-flow__connectionline path{stroke-dasharray:6 5}.guide{background:var(--guide);pointer-events:none;z-index:5}.port.react-flow__handle{width:9px;height:9px;background:var(--surface-mid);border:1.5px solid var(--green);border-radius:50%;opacity:0;transition:opacity .12s ease,transform .12s ease}.react-flow__node:hover .port,.react-flow__node.selected .port{opacity:1}.port.react-flow__handle:hover{transform:scale(1.35);background:var(--green)}.react-flow__handle-top{top:-5px}.react-flow__handle-bottom{bottom:-5px}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}.view-locked .port{visibility:hidden;pointer-events:none}.minimap.react-flow__minimap{bottom:72px;right:16px;background:var(--surface-overlay);border-radius:var(--r-md);box-shadow:var(--shadow-float);backdrop-filter:blur(12px);width:176px;height:112px}.minimap .react-flow__minimap-mask{stroke:var(--border-default);stroke-width:1}.editable{white-space:pre-wrap;word-wrap:break-word;outline:none;border-radius:3px;min-width:1ch}.editable.is-editing{cursor:text;box-shadow:0 0 0 2px var(--selection);background:var(--surface-mid)}.editable:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.editable::selection{background:#3d8b4f40}.card{position:relative;background:var(--surface-mid);border-radius:var(--r-md);box-shadow:var(--shadow-node);transition:box-shadow .14s ease;font-family:var(--font-body)}.card:hover{box-shadow:var(--shadow-hover)}.card.is-selected,.frame.is-selected,.text-node.is-selected,.stat.is-selected,.note.is-selected{box-shadow:0 0 0 2px var(--selection),var(--shadow-node)}.card-body{position:relative;display:flex;gap:8px;padding:12px}.card-icon{width:20px;height:20px;flex:0 0 20px;object-fit:contain;border-radius:4px;margin-top:-1px}.card-avatar{fill:none;stroke:var(--text-secondary);stroke-width:1.5;stroke-linecap:round;border-radius:50%;background:var(--surface-low);padding:2px}.card.role-spine .card-avatar{stroke:var(--text-on-spine);background:#ffffff2e}.card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.card-title{font-family:var(--font-display);font-weight:600;font-size:13px;line-height:18px;letter-spacing:-.005em;color:var(--text-primary)}.card-detail{font-size:11.5px;line-height:16px;color:var(--text-secondary)}.card-detail:first-of-type{margin-top:2px}.card.role-spine{background:linear-gradient(135deg,var(--green-light),var(--green));box-shadow:var(--shadow-spine)}.card.role-spine .card-title,.card.role-spine .card-detail{color:var(--text-on-spine)}.card.role-spine .card-detail{opacity:.88}.card.role-spine .editable.is-editing{color:var(--text-primary)}.card.role-spine .editable.is-editing::selection{background:#ffffff59}.card.role-agent{background:var(--indigo-bg);box-shadow:0 0 0 1px var(--indigo-border)}.card.role-agent .card-title{color:var(--indigo-text)}.card.role-future{background:var(--slate-bg);box-shadow:0 0 0 1.5px var(--edge-future);outline:1px dashed var(--edge-future);outline-offset:-1px}.card.role-future .card-title{color:var(--text-secondary);font-style:italic}.card.role-human,.card.role-tool,.card.role-metric{background:var(--surface-mid)}.card.is-pill{border-radius:999px}.card.is-pill .card-body{padding:8px 14px;justify-content:center;text-align:center}.card.is-pill .card-title{font-size:12px;line-height:16px;font-weight:600}.card.role-rail.is-pill{background:var(--gold-bg);box-shadow:0 0 0 1px var(--gold)}.card.role-rail .card-title{color:var(--gold-text)}.card.role-rail:not(.is-pill){background:var(--gold-bg);box-shadow:0 0 0 1px var(--gold);border-radius:var(--r-lg)}.card.role-criterion{background:var(--emerald-bg);box-shadow:0 0 0 1px var(--emerald)}.card.role-criterion .card-title{color:var(--emerald-text)}.card.role-chip{background:var(--surface-mid);box-shadow:0 0 0 1px var(--border-subtle)}.card.role-chip .card-title{font-weight:500;font-size:11.5px;color:var(--text-secondary)}.card.is-locked:after{content:"🔒";position:absolute;top:6px;right:8px;font-size:10px;opacity:.6}.card.shape-cylinder,.card.shape-queue,.card.shape-document,.card.shape-cloud,.card.shape-diamond{background:transparent;box-shadow:none;border-radius:0}.card.shape-cylinder:hover,.card.shape-queue:hover,.card.shape-document:hover,.card.shape-cloud:hover,.card.shape-diamond:hover,.card.shape-cylinder.is-selected,.card.shape-queue.is-selected,.card.shape-document.is-selected,.card.shape-cloud.is-selected,.card.shape-diamond.is-selected{box-shadow:none}.shape-backdrop{position:absolute;inset:0;pointer-events:none;overflow:visible}.card.shape-cylinder .card-body{padding-top:18px}.card.shape-queue .card-body{padding-left:18px;padding-right:18px}.card.shape-document .card-body{padding-bottom:20px}.card.shape-cloud .card-body{padding:18px 22px;text-align:center}.card.shape-cloud .card-text{align-items:center}.card.shape-diamond .card-body{padding:26px 32px;text-align:center}.card.shape-diamond .card-text{align-items:center}.card.shape-oval{border-radius:999px}.card.shape-oval .card-body{padding:14px 20px;text-align:center}.card.shape-oval .card-text{align-items:center}.react-flow__node-frame{pointer-events:none!important}.react-flow__node-frame .frame-label,.react-flow__node-frame .port,.react-flow__node-frame .react-flow__resize-control{pointer-events:all}.frame-label{cursor:grab}.frame{width:100%;height:100%;background:var(--surface-low);border:1px solid var(--border-subtle);border-radius:var(--r-lg);transition:border-color .14s ease}.frame:hover{border-color:var(--border-default)}.frame.is-selected{border-color:var(--selection);box-shadow:0 0 0 1px var(--selection)}.frame-label{position:absolute;top:12px;left:16px;font-family:var(--font-display);font-weight:600;font-size:13px;line-height:20px;letter-spacing:-.005em;color:var(--text-primary);max-width:calc(100% - 32px)}.frame-oversight{background:var(--gold-bg);border-style:dashed;border-color:var(--gold)}.frame-oversight .frame-label{color:var(--gold-text)}.frame-success{background:var(--emerald-bg);border-color:var(--emerald)}.frame-success .frame-label{color:var(--emerald-text)}.frame-future{border-style:dashed;border-color:var(--edge-future)}.frame-future .frame-label{color:var(--text-secondary);font-style:italic}.frame-legend{background:var(--surface-mid);border-radius:var(--r-md)}.frame-legend .frame-label{font-size:11px;line-height:20px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.frame-resize-line{border-color:var(--selection)!important}.frame-resize-handle{width:8px!important;height:8px!important;border-radius:2px!important;background:var(--surface-mid)!important;border:1.5px solid var(--selection)!important}.text-node,.stat,.note{width:100%;height:100%;box-sizing:border-box}.text-node{position:relative;display:flex;align-items:center;gap:10px;padding:2px 4px;border-radius:var(--r-sm)}.text-body{font-size:12px;line-height:16px;color:var(--text-secondary)}.text-node.is-legend .text-body{font-size:11.5px;color:var(--text-secondary)}.legend-sample{flex:0 0 40px}.stat{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;background:var(--surface-mid);border-radius:var(--r-md);box-shadow:var(--shadow-node)}.stat-value{font-family:var(--font-accent);font-weight:600;font-size:17px;line-height:22px;letter-spacing:-.01em;color:var(--text-primary);font-variation-settings:"opsz" 40,"SOFT" 30}.stat-label{font-size:11px;line-height:14px;color:var(--text-secondary)}.note{position:relative;padding:14px 16px;border-radius:3px;box-shadow:0 2px 6px #0f172a1f,0 12px 24px -8px #0f172a2e;background:var(--note-yellow);color:var(--text-primary);transform:rotate(-.4deg)}.note-green{background:var(--note-green)}.note-blue{background:var(--note-blue)}.note-rose{background:var(--note-rose)}.note-body{font-family:var(--font-display);font-size:13px;line-height:18px;font-weight:500}.note-color{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;border:2px solid var(--surface-mid);background:conic-gradient(var(--note-yellow),var(--note-green),var(--note-blue),var(--note-rose),var(--note-yellow));cursor:pointer;box-shadow:var(--shadow-node)}.react-flow__edgelabel-renderer{z-index:1000}.edge-label{position:absolute;padding:2px 8px;border-radius:999px;background:var(--surface-overlay);backdrop-filter:blur(6px);font-family:var(--font-display);font-size:11px;line-height:16px;font-weight:600;box-shadow:0 0 0 1px var(--border-subtle);pointer-events:all;white-space:nowrap;transition:box-shadow .12s ease}.edge-label.is-emphasized{box-shadow:0 0 0 1px var(--border-default),var(--shadow-hover)}.edge-label-flow{color:var(--green-deep)}.edge-label-governs{color:var(--gold-text)}.edge-label-feedback{color:var(--blue-text)}.edge-label-future{color:var(--text-muted)}.edge-label-inner{color:var(--text-secondary);font-weight:500}.edge-label .editable:empty{min-width:32px}:root[data-theme=dark] .edge-label-flow{color:#9fd4ab}.titlebar{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:14px;padding:10px 16px 10px 12px;max-width:min(820px,calc(100% - 32px));background:var(--surface-overlay);backdrop-filter:blur(12px);border-radius:var(--r-lg);box-shadow:var(--shadow-float);z-index:10}.titlebar-marks{display:flex;align-items:center;gap:8px;flex:0 0 auto}.titlebar-mark{width:22px;height:22px}.titlebar-x{color:var(--text-disabled);font-size:12px}.titlebar-client{display:inline-flex;align-items:center;height:26px;padding:0 6px;border-radius:6px}.titlebar-client img{height:18px;max-width:120px;object-fit:contain}:root[data-theme=dark] .titlebar-client:not([style]){background:#fff}.titlebar-text{min-width:0}.titlebar-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:15px;line-height:20px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-subtitle{margin:1px 0 0;font-family:var(--font-accent);font-style:italic;font-size:12.5px;line-height:16px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variation-settings:"opsz" 14,"SOFT" 50}.titlebar-status{flex:0 0 auto;font-size:11px;line-height:16px;color:var(--text-muted);padding-left:12px;border-left:1px solid var(--border-subtle)}.titlebar-status.status-error{color:#dc2626}.titlebar-status.status-locked{color:var(--text-secondary)}.toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface-overlay);backdrop-filter:blur(12px);border-radius:12px;box-shadow:var(--shadow-float);z-index:10}.tb-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .1s ease,color .1s ease}.tb-btn:hover:not(:disabled){background:var(--surface-high);color:var(--text-primary)}.tb-btn:disabled{color:var(--text-disabled);cursor:default}.tb-btn.is-active{background:var(--green-bg);color:var(--green-deep)}.tb-btn:focus-visible,.tb-zoom:focus-visible{outline:2px solid var(--selection);outline-offset:1px}.tb-sep{width:1px;height:20px;margin:0 4px;background:var(--border-subtle)}.tb-zoom{min-width:52px;height:32px;padding:0 6px;border:0;border-radius:8px;background:transparent;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary);cursor:pointer}.tb-zoom:hover{background:var(--surface-high);color:var(--text-primary)}.attribution{position:absolute;right:16px;bottom:20px;margin:0;font-size:11px;color:var(--text-muted);z-index:10;pointer-events:none}.view-embed .minimap{display:none}.help-scrim{position:absolute;inset:0;background:#0f172a40;backdrop-filter:blur(2px);z-index:20;display:grid;place-items:center}.help{position:static;width:360px;max-width:calc(100% - 32px);padding:16px 20px 20px;border:0;border-radius:var(--r-lg);background:var(--surface-mid);color:var(--text-primary);box-shadow:var(--shadow-float)}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.help h2{margin:0;font-family:var(--font-display);font-size:15px;font-weight:600}.help-close{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer}.help-close:hover{background:var(--surface-high)}.help-list{margin:0;display:grid;gap:6px}.help-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.help-row dt,.help-row dd{margin:0}.help-row dd{font-size:12.5px;color:var(--text-secondary)}kbd{font-family:var(--font-body);font-size:11.5px;padding:2px 6px;border-radius:5px;background:var(--surface-low);border:1px solid var(--border-subtle);color:var(--text-primary)}@media (max-width: 720px){.titlebar{max-width:calc(100% - 32px)}.titlebar-subtitle,.titlebar-status{display:none}.toolbar{bottom:12px;padding:4px}.tb-btn{width:30px;height:30px}.minimap.react-flow__minimap,.attribution{display:none}}