.source-badge-slot{margin-left:auto;gap:6px}.source-badge-slot,.src-badge{display:inline-flex;align-items:center}.src-badge{gap:4px;padding:4px 10px;border-radius:999px;font:500 11px/1 var(--font-sans);border:1px solid var(--border-1)}.src-badge.src-editor{background:#fff7e6;color:#8a5a00;border-color:#f6d48a}.src-badge.src-file{background:var(--bg-1);color:var(--fg-3)}.src-revert{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--bg-1);color:var(--fg-2);font:500 11px/1 var(--font-sans);cursor:pointer}.src-revert:hover{color:var(--fg-brand);border-color:var(--cr-orange-300)}.topbar-edit{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--fg-2);font:500 12px/1 var(--font-sans);text-decoration:none;cursor:pointer}.topbar-edit:hover{color:var(--fg-brand);border-color:var(--cr-orange-300);background:var(--bg-brand-soft)}.topbar-edit .ms{font-size:15px;color:var(--fg-brand)}.react-flow__node{outline:none!important}.react-flow__node.selected>div{box-shadow:0 0 0 2px var(--cr-orange-500)!important}.c4-toolbar{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}.title-bar-actions .c4-toolbar,.topbar .c4-toolbar{margin-bottom:0}.c4-toggle{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--font-sans);color:var(--fg-3);letter-spacing:.02em;padding:6px 10px;border:1px solid var(--border-1);border-radius:var(--radius-pill);background:var(--bg-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4-toggle input{accent-color:var(--cr-orange-500)}.c4-toggle:hover{color:var(--fg-1);border-color:var(--cr-orange-300)}.c4-node{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.c4-node:hover{transform:translateY(-1px)}.c4-node-type{position:absolute;top:10px;left:12px;background:var(--bg-1);font:700 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border:1px solid;border-radius:var(--radius-pill)}.c4-node-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;margin-top:18px}.c4-edge-label{flex-direction:column;gap:1px;line-height:1.2}.c4-edge-label,.c4-edge-label-main{display:inline-flex;align-items:center;max-width:100%}.c4-edge-label-main,.c4-edge-label-tech{overflow:hidden;text-overflow:ellipsis}.c4-edge-label-tech{max-width:100%;font:500 9px/1.1 var(--font-mono);color:var(--fg-3);letter-spacing:0}.c4-implicit-badge{position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;border:1.5px dashed var(--fg-3);background:var(--bg-1);box-sizing:border-box;pointer-events:none}.c4-node-icon{font-size:16px;padding:4px;border-radius:var(--radius-xs);background:transparent;width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;overflow:hidden}.c4-node-name{font:600 11.5px/1.2 var(--font-sans);color:var(--fg-1);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-node-desc{font:300 9.5px/1.45 var(--font-sans);color:var(--fg-3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.c4-node-tech{display:inline-flex;margin-top:6px;font:500 9.5px/1 var(--font-mono);padding:2px 7px;border-radius:var(--radius-xs);background:var(--bg-2);border:1px solid var(--border-1);color:var(--fg-3)}.c4-node-drill{display:inline-flex;align-items:center;gap:3px;margin-top:8px;padding:3px 8px;border:1px solid;border-radius:var(--radius-pill);background:var(--bg-1);font:500 10px/1 var(--font-sans);cursor:pointer}.c4-node-drill .ms{font-size:13px}.c4-node-drill:hover{background:var(--bg-brand-soft)}.c4-empty{padding:60px;text-align:center;color:var(--fg-3);font-size:13px}.c4-legend{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--bg-2);font:500 11px/1 var(--font-sans);color:var(--fg-3);width:-moz-fit-content;width:fit-content}.c4-legend-swatch{display:inline-flex}.breadcrumb{gap:6px;flex:1 1;overflow:hidden;flex-wrap:wrap}.breadcrumb,.crumb{display:flex;align-items:center}.crumb{font-size:var(--fs-xs);color:var(--fg-3);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);white-space:nowrap;gap:4px;padding:4px 6px;border-radius:var(--radius-sm)}.crumb:hover{color:var(--fg-brand);background:var(--bg-brand-soft)}.crumb.active{color:var(--fg-1);font-weight:500;cursor:default}.crumb.active:hover{background:transparent}.crumb-sep{color:var(--fg-4);font-size:14px;line-height:1}.crumb-extra{color:var(--fg-3);font-weight:300;margin-left:4px}.level-pill{font-size:10px;font-weight:700;letter-spacing:var(--tracking-caps);padding:4px 12px;border-radius:var(--radius-pill);background:var(--bg-brand);color:var(--fg-on-brand);flex-shrink:0;text-transform:uppercase}.deploy-canvas .react-flow__edge-path{vector-effect:non-scaling-stroke}.deploy-canvas .react-flow__handle:not(.deploy-fan-handle){width:16px;height:16px;background:transparent;border:none;z-index:6}.deploy-canvas .react-flow__handle:not(.deploy-fan-handle):after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--fg-brand)}.deploy-canvas .react-flow__handle:not(.deploy-fan-handle):hover:after{inset:3px}.f4-canvas{width:100%;height:100%;overflow:auto;background:var(--bg-paper,#fafaf7)}.f4-canvas,.f4-canvas-inner{position:relative}.f4-zoom-controls{position:-webkit-sticky;position:sticky;float:right;gap:2px;margin:8px 8px 0 0;padding:4px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-sm);z-index:100;top:8px;right:8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.f4-zoom-btn,.f4-zoom-controls{display:inline-flex;align-items:center}.f4-zoom-btn{background:none;border:none;padding:4px 6px;cursor:pointer;color:var(--fg-2);font:500 11px/1 var(--font-sans);border-radius:3px;min-width:24px;justify-content:center}.f4-zoom-btn:hover:not(:disabled){background:var(--bg-2);color:var(--cr-orange-500,#f26b1f)}.f4-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.f4-zoom-btn.f4-zoom-label{min-width:44px;font-weight:600}.f4-zoom-btn .ms{font-size:16px}.f4-lane{position:absolute;left:0;right:0;display:flex;align-items:stretch;border-bottom:1px solid var(--border-1)}.f4-lane:nth-child(2n) .f4-lane-content{background:var(--bg-1)}.f4-lane-header{position:-webkit-sticky;position:sticky;left:0;z-index:2;width:160px;flex-shrink:0;border-right:1px solid var(--border-1);background:var(--bg-2);padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px}.f4-lane-head{display:flex;align-items:center;gap:8px;min-width:0}.f4-lane-icon{font-size:16px;padding:4px;border-radius:var(--radius-xs,4px);background:transparent;width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.f4-lane-name{font:600 12.5px/1.2 var(--font-sans);color:var(--fg-1);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1}.f4-lane-c4ref{font:400 11px/1.3 var(--font-sans);color:var(--fg-3);display:inline-flex;align-items:center;gap:4px}.f4-lane-type-label{align-self:flex-start;background:var(--bg-1);font:700 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border:1px solid;border-radius:var(--radius-pill,999px)}.f4-lane-rf .f4-lane-header{position:relative}.f4-lane-drag-handle{position:absolute;top:4px;left:1px;width:16px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--fg-3);cursor:-webkit-grab;cursor:grab;opacity:.45;transition:opacity .12s,color .12s}.f4-lane-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.f4-lane-drag-handle .ms{font-size:16px}.f4-lane-rf:hover .f4-lane-drag-handle{opacity:.9;color:var(--fg-1)}.f4-lane-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:.7;transition:opacity .12s}.f4-lane-rf:hover .f4-lane-actions{opacity:1}.f4-lane-actions .f4-activity-drill-wrap{position:static;transform:none}.f4-lane-actions .f4-activity-drill-btn{min-width:22px;height:22px;padding:0 4px}.f4-lane-actions .f4-activity-drill-menu{right:0;left:auto;transform:none;top:calc(100% + 4px)}.f4-lane-action{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-1);background:var(--bg-1);border-radius:4px;cursor:pointer;color:var(--fg-2);padding:0}.f4-lane-action:hover{background:var(--bg-2);color:var(--fg-1)}.f4-lane-action.danger:hover{color:var(--cr-danger,#d94040);border-color:var(--cr-danger,#d94040)}.f4-lane-action .ms{font-size:14px}.f4-activity-delete{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:1px solid var(--border-1);background:var(--bg-1);color:var(--fg-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:.55;transition:opacity .12s,color .12s,border-color .12s;z-index:5}.f4-activity:hover .f4-activity-delete{opacity:1}.f4-activity-delete:hover{color:var(--cr-danger,#d94040);border-color:var(--cr-danger,#d94040)}.f4-activity-delete .ms{font-size:12px}.f4-add-row{height:22px;margin:2px 6px;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px dashed var(--border-2);border-radius:var(--radius-sm);color:var(--fg-3);font:500 11px/1 var(--font-sans);cursor:pointer;padding:0 8px;opacity:.6;transition:opacity .12s,border-color .12s,color .12s,background .12s}.f4-add-row:hover{opacity:1;border-style:solid;border-color:var(--cr-orange-500,#f26b1f);color:var(--cr-orange-500,#f26b1f);background:rgba(242,107,31,.04)}.f4-add-row .ms{font-size:14px}.f4-drop-indicator{height:4px;background:var(--cr-orange-500,#f26b1f);border-radius:2px;box-shadow:0 0 0 2px rgba(242,107,31,.25);pointer-events:none}.f4-lane-rf.dragging{opacity:.92;outline:2px solid var(--cr-orange-500,#f26b1f);outline-offset:-2px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.react-flow__node.dragging,.react-flow__node:has(.f4-activity.dragging),.react-flow__node:has(.f4-lane-rf.dragging){z-index:50!important}.f4-activity.f4-activity-rf.dragging{outline:2px solid var(--cr-orange-500,#f26b1f);outline-offset:2px;box-shadow:0 8px 24px rgba(0,0,0,.22);transform:scale(1.04);z-index:50}.f4-canvas-add-swimlane{position:absolute;left:16px;bottom:16px;z-index:10;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-1);border:1px dashed var(--border-2);border-radius:var(--radius-sm);color:var(--fg-2);font:500 12px/1 var(--font-sans);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:border-color .12s,color .12s}.f4-canvas-add-swimlane:hover{border-color:var(--cr-orange-500,#f26b1f);color:var(--cr-orange-500,#f26b1f);border-style:solid}.f4-canvas-add-swimlane .ms{font-size:16px}.f4-lane-header-text{display:flex;flex-direction:column;gap:3px;margin-left:16px;margin-right:4px;margin-top:24px}.f4-lane-c4ref .ms{font-size:13px}.f4-lane-c4ref.unlinked{color:var(--cr-orange-500,#f26b1f);font-style:italic}.f4-lane-content{position:relative;flex:1 1;background:var(--bg-paper,#fafaf7)}.f4-activity{position:absolute;border:1.5px solid var(--border-2);background:#fff;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;transition:border-color .12s,box-shadow .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 2px rgba(0,0,0,.04)}.f4-activity:hover{border-color:var(--cr-orange-300,#ffa468)}.f4-activity.selected{border-color:var(--cr-orange-500,#f26b1f);box-shadow:0 0 0 2px var(--cr-orange-500,#f26b1f)}.f4-activity-name{font:600 12px/1.3 var(--font-sans);color:var(--fg-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 14px;flex:0 0 auto}.f4-activity-annotations{font:400 10px/1.3 var(--font-sans);color:var(--fg-3);font-style:italic;text-align:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0 14px;flex:0 0 auto}.f4-activity-zoom{position:absolute;top:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--fg-brand,#f26b1f)}.f4-activity-zoom .ms{font-size:14px}.f4-activity-drill-wrap{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:4}.f4-activity-drill-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--bg-1,#fff);border-radius:999px;background:var(--cr-orange-500,#f26b1f);color:#fff;font:600 11px/1 var(--font-sans);cursor:pointer;box-shadow:0 2px 6px rgba(242,107,31,.35);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.f4-activity-drill-btn:hover{background:var(--cr-orange-600,#d85b14);box-shadow:0 3px 10px rgba(242,107,31,.45);transform:translateY(-1px)}.f4-activity-drill-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(242,107,31,.4)}.f4-activity-drill-btn .ms{font-size:14px;line-height:1}.f4-activity-drill-count{font:700 10px/1 var(--font-sans)}.f4-activity-drill-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:200px;padding:4px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);z-index:30}.f4-activity-drill-menu-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:none;background:transparent;border-radius:4px;font:13px/1.3 var(--font-sans);color:var(--fg-1);text-align:left;cursor:pointer}.f4-activity-drill-menu-item .ms{font-size:16px;color:var(--fg-3)}.f4-activity-drill-menu-item:hover{background:var(--bg-2,#f4efe6)}.f4-activity-c4-badge{position:absolute;top:4px;left:4px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;opacity:.85;font-size:14px}.f4-activity-c4-badge .ms{font-size:14px}.f4-activity:hover .f4-activity-c4-badge{opacity:1}.f4-side-panel-be-list{display:flex;flex-direction:column;gap:4px}.f4-side-panel-be-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font:12px/1.3 var(--font-sans);color:var(--fg-1);-moz-user-select:none;user-select:none;-webkit-user-select:none}.f4-side-panel-be-row.previewable{cursor:pointer;transition:background .12s ease}.f4-side-panel-be-row.previewable:hover{background:var(--bg-2,#f4efe6)}.f4-side-panel-be-row:active.previewable{background:var(--cr-paper-200,#efe6d3)}.f4-side-panel-be-tags{color:var(--fg-3);font:11px/1.3 var(--font-sans);margin-left:auto}.f4-side-panel-c4-card{margin-top:6px;padding:12px;background:var(--bg-1,#fff);border:1px solid var(--border-1);border-radius:8px;display:flex;flex-direction:column;gap:8px}.f4-side-panel-c4-header{display:flex;align-items:center;justify-content:space-between}.f4-side-panel-c4-type{font:700 9px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.f4-side-panel-c4-open{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--fg-3);text-decoration:none;transition:background .12s ease,color .12s ease}.f4-side-panel-c4-open:hover{background:var(--bg-2,#f4efe6);color:var(--fg-1)}.f4-side-panel-c4-open .ms{font-size:16px}.f4-side-panel-c4-title{display:flex;align-items:center;gap:10px}.f4-side-panel-c4-icon{font-size:22px;padding:6px;border-radius:8px;line-height:1}.f4-side-panel-c4-name{font:600 15px/1.3 var(--font-sans);color:var(--fg-1);word-break:break-word}.f4-side-panel-c4-meta{font:400 11px/1.4 var(--font-sans);color:var(--fg-4,var(--fg-3))}.f4-side-panel-c4-meta strong{color:var(--fg-3);font-weight:600}.f4-side-panel-c4-desc{margin:0;font:300 13px/1.6 var(--font-sans);color:var(--fg-2,var(--fg-1));word-break:break-word}.f4-side-panel-c4-tech{display:inline-flex;align-self:flex-start;padding:3px 8px;border-radius:var(--radius-sm,4px);background:var(--bg-2,#f4efe6);border:1px solid var(--border-1);color:var(--fg-3);font:500 11px/1 var(--font-mono,monospace)}.f4-side-panel-c4-zoom{display:inline-flex;align-items:center;gap:4px;font:500 11px/1.3 var(--font-sans);color:var(--fg-3)}.f4-side-panel-c4-zoom .ms{font-size:14px}.f4-side-panel-c4-zoom code{font:10px/1 var(--font-mono,monospace);padding:2px 4px;background:var(--bg-2,#f4efe6);border-radius:3px}.f4-side-panel-c4-zoom-link{color:var(--fg-brand);text-decoration:underline;font-weight:600}.f4-side-panel-c4-zoom-link:hover{text-decoration:none}.f4-side-panel-c4-id{font:500 10px/1 var(--font-mono,monospace);color:var(--fg-4,var(--fg-3))}.f4-side-panel-c4-appears{margin-top:4px;padding-top:10px;border-top:1px dashed var(--border-1);display:flex;flex-direction:column;gap:6px}.f4-side-panel-c4-appears .f4-side-panel-label{margin:0}.f4-side-panel-c4-appears .f4-c4-refs-panel{margin-top:0;padding-top:0;border-top:none}.f4-boundary-event{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:1.5px solid var(--fg-2);display:flex;align-items:center;justify-content:center;font:700 10px/1 var(--font-sans);color:var(--fg-1);cursor:pointer;z-index:3}.f4-boundary-event.type-T{border-color:#b78a00;color:#8a6500;background:#fff7e0}.f4-boundary-event.type-E{border-color:#c0392b;color:#962918;background:#fdecea}.f4-boundary-event.type-C{border-color:#1c5a50;color:#134139;background:#ecf6f4}.f4-boundary-event.type-S{border-color:#6b41b1;color:#4c2a80;background:#f4ecfb}.f4-boundary-event.type-M{border-color:#2871ad;color:#1a4d77;background:#eaf3fb}.f4-boundary-event.selected{box-shadow:0 0 0 2px var(--cr-orange-500,#f26b1f)}.f4-boundary-event:hover{transform:scale(1.18);border-width:2px;transition:transform .12s ease,border-width .12s ease,box-shadow .12s ease}.f4-boundary-event.activated{border-width:2.5px;box-shadow:0 0 7px 2px currentColor;transform:scale(1.15)}.f4-boundary-event.activated.selected{box-shadow:0 0 0 2px var(--cr-orange-500,#f26b1f),0 0 9px 3px currentColor}.f4-connections-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.f4-connection-path{fill:none;stroke:var(--fg-2);stroke-width:1.5;pointer-events:stroke;cursor:pointer}.f4-connection-path.dashed{stroke-dasharray:6 4}.f4-connection-path.selected{stroke:var(--cr-orange-500,#f26b1f);stroke-width:2}.f4-connection-label{font:500 10px/1 var(--font-sans);fill:var(--fg-2);font-style:italic;pointer-events:none}.f4-group{position:absolute;border:2px dashed var(--fg-3);border-radius:6px;background:transparent;pointer-events:none;z-index:0}.f4-group-label{position:absolute;top:-10px;left:12px;background:var(--bg-paper,#fafaf7);padding:0 8px;font:600 11px/1.3 var(--font-sans);color:var(--fg-2);pointer-events:auto}.f4-group.selected{border-color:var(--cr-orange-500,#f26b1f)}.f4-forkjoin{position:absolute;background:var(--fg-1);height:4px;z-index:2}.f4-forkjoin.selected{background:var(--cr-orange-500,#f26b1f)}.f4-activity.f4-activity-rf{position:relative;left:auto;top:auto}.f4-lane-rf{display:flex;align-items:stretch;border-bottom:1px solid var(--border-1);pointer-events:auto;background:transparent}.f4-lane-rf.alt .f4-lane-content{background:var(--bg-1)}.f4-lane-rf.selected{outline:2px solid var(--cr-orange-500,#f26b1f);outline-offset:-2px}
/* !important: ReactFlow sets `pointer-events: all` inline on selectable nodes. */.react-flow__node.f4-group-node{pointer-events:none!important}.react-flow__node.f4-group-node .f4-group-overlay-label{pointer-events:auto}.f4-group-overlay-rf{border:1.5px dashed var(--border-2);border-radius:8px;background:rgba(220,230,248,.15);position:relative;pointer-events:none}.f4-group-overlay-rf.selected{border-color:var(--cr-orange-500,#f26b1f)}.f4-group-overlay-label{position:absolute;top:-10px;left:12px;background:var(--bg-1);padding:0 8px;font:600 11px/1.3 var(--font-sans);color:var(--fg-2);pointer-events:auto;cursor:-webkit-grab;cursor:grab}.f4-forkjoin-rf{height:6px;background:var(--fg-1);border-radius:2px}.f4-forkjoin-rf.selected{background:var(--cr-orange-500,#f26b1f);box-shadow:0 0 0 2px var(--cr-orange-500,#f26b1f)}.react-flow__node.selected,.react-flow__node:focus-visible{outline:none}.f4-activity[data-ghost=true]{opacity:.32;filter:grayscale(.6);transition:opacity .12s,filter .12s}.f4-activity[data-ghost=true]:hover{opacity:.7;filter:grayscale(.3)}.f4-activity[data-ghost=true].selected{opacity:.55;filter:grayscale(.4)}.f4-activity-rf div[data-ghost=true],[data-ghost=true]>.f4-boundary-event{opacity:.32;filter:grayscale(.6)}.f4-lane-stripe{width:5px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.f4-lane-stripe.lvl-0{background:var(--cr-system,#d4537e)}.f4-lane-stripe.lvl-1{background:var(--cr-container,#378add)}.f4-lane-stripe.lvl-2{background:var(--cr-component,#1d9e75)}.f4-lane-stripe.lvl-3{background:var(--cr-code,#888780)}.f4-section-frame{border:1px solid var(--border-1);border-radius:12px;background:var(--bg-1,#fff);box-shadow:0 2px 10px rgba(0,0,0,.06);pointer-events:auto;cursor:-webkit-grab;cursor:grab;box-sizing:border-box}.react-flow__node:active>.f4-section-frame{cursor:-webkit-grabbing;cursor:grabbing}.f4-section-frame.selected{border-color:var(--cr-orange-500,#f26b1f);box-shadow:0 0 0 2px var(--cr-orange-500,#f26b1f)}.f4-section-card-title{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0 8px;padding:3px 10px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:999px;font:600 11px/1 var(--font-sans);color:var(--fg-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.f4-section-frame-name{white-space:nowrap}.f4-section-autosize{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;color:var(--fg-3);transition:background .12s,color .12s}.f4-section-autosize:hover{color:var(--cr-orange-500,#f26b1f);background:var(--bg-3,rgba(0,0,0,.06))}.f4-section-autosize .ms{font-size:14px;line-height:1}.f4-section-level{position:absolute;top:4px;right:8px;display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border-1);z-index:4}.f4-section-level-btn{border:0;background:transparent;cursor:pointer;padding:2px 7px;border-radius:999px;font:600 10px/1 var(--font-sans);color:var(--fg-3);transition:background .12s,color .12s}.f4-section-level-btn:hover{color:var(--fg-1);background:var(--bg-3,rgba(0,0,0,.05))}.f4-section-level-btn.active{background:var(--cr-orange-500,#f26b1f);color:#fff}.f4-section-resize-line{border-color:var(--cr-orange-500,#f26b1f)!important}.f4-section-resize-handle{background:var(--cr-orange-500,#f26b1f)!important;border-radius:2px;width:8px!important;height:8px!important}.md{font:400 13px/1.55 var(--font-sans);color:inherit;word-break:break-word}.md p{margin:0 0 8px}.md p:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{margin:10px 0 4px;line-height:1.25;font-weight:600}.md h1{font-size:16px}.md h2{font-size:14px}.md h3{font-size:13px}.md h3,.md h4{color:var(--fg-2)}.md h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.md ol,.md ul{margin:4px 0 8px;padding-left:20px}.md li{margin:2px 0}.md li>p{margin:0}.md code{font:400 12px/1.4 var(--font-mono,ui-monospace,monospace);padding:1px 5px;border-radius:3px}.md code,.md pre{background:var(--bg-3)}.md pre{padding:8px 10px;border-radius:5px;overflow-x:auto;margin:6px 0}.md pre code{background:transparent;padding:0;font-size:12px}.md a{color:var(--fg-brand);text-decoration:underline}.md a:hover{text-decoration:none}.md blockquote{margin:6px 0;padding:4px 10px;border-left:3px solid var(--border-1);color:var(--fg-3)}.md hr{border:none;border-top:1px solid var(--border-1);margin:8px 0}.md table{border-collapse:collapse;margin:6px 0}.md td,.md th{border:1px solid var(--border-1);padding:4px 8px;font-size:12px}.md th{background:var(--bg-2)}.md img{max-width:100%;border-radius:4px}