.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.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:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;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:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@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}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform: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:#3367d9;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%}:root{color-scheme:light;--bg: #ffffff;--fg: #111111;--muted: rgba(17, 17, 17, .68);--panel: #ffffff;--panel-2: #fafafa;--border: #e6e6e6;--shadow: 0 2px 10px rgba(0,0,0,.06);--hint: rgba(17,17,17,.55);--grid: rgba(17,17,17,.09);--edge-infra: rgba(37, 99, 235, .85);--edge-solution: rgba(34, 197, 94, .85);--edge-link: rgba(168, 85, 247, .85);--edge-wan: rgba(139, 90, 43, .9);--edge-cloud: rgba(14, 165, 233, .9);--node-infra-accent: rgba(37, 99, 235, .7);--node-solution-accent: rgba(34, 197, 94, .7);--node-legend-accent: rgba(100, 116, 139, .55);--node-infra-bg: #eff6ff;--node-infra-fg: #0b1220;--node-solution-bg: #ecfdf5;--node-solution-fg: #071a10;--node-legend-bg: #f1f5f9;--node-legend-fg: #0b1220;--node-site-bg: rgba(2, 132, 199, .1);--node-cloud-bg: rgba(14, 165, 233, .12);--node-icon-bg-infra: rgba(37, 99, 235, .12);--node-icon-bg-solution: rgba(34, 197, 94, .12);--node-icon-bg-legend: rgba(100, 116, 139, .1);--accent: #3b82f6;--accent-2: #22c55e;--danger: #ef4444;--badge-required-bg: #fbbf24;--badge-required-fg: #111111;--badge-required-border: rgba(0,0,0,.25);--warn-bg: #fff3e6;--warn-border: #d79b00;--warn-fg: #111111;--header-h: 68px;--sidebar-w: 410px;--sidebar-w-collapsed: 56px}.nf-wrap{padding:12px;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;background:var(--panel);box-shadow:0 0 0 1px #ffffff08 inset}.nf-top__title{font-weight:700;letter-spacing:.2px;margin-bottom:4px}.nf-top__sub{font-size:12px;opacity:.85}.nf-acc{margin-top:10px;display:grid;gap:10px}.nf-acc__item{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#ffffff0a,#0000)}.nf-acc__summary{list-style:none;cursor:pointer}.nf-acc__summary::-webkit-details-marker{display:none}.nf-acc__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px}.nf-acc__title{font-weight:700;font-size:13px}.nf-acc__subtitle{font-size:12px;opacity:.8;margin-top:2px}.nf-acc__status{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);background:#0000001f}[data-theme=light] .nf-acc__status{background:#ffffff8c}.nf-acc__body{padding:12px;border-top:1px solid var(--border)}.nf-grid{display:grid;gap:10px}.nf-grid--2,.nf-grid--3,.nf-grid--users-endpoints{grid-template-columns:1fr}@media (min-width: 820px){.nf-grid--2{grid-template-columns:1fr 1fr}.nf-grid--3{grid-template-columns:1fr 1fr 1fr}.nf-grid--users-endpoints{grid-template-columns:1fr 2fr}}.nf-grid>*{min-width:0}.nf-matrix__grid>*{min-width:0}.nf-input,.nf-select{box-sizing:border-box}@media (max-width: 520px){.nf-grid--2,.nf-grid--3,.nf-grid--users-endpoints{grid-template-columns:1fr;gap:12px}.nf-matrix__grid{gap:10px;grid-template-columns:92px repeat(3,minmax(0,1fr))}.nf-card{padding:12px}}.nf-field{display:grid;gap:6px}.nf-field__row{display:flex;justify-content:space-between;align-items:center;gap:10px}.nf-field__label{font-size:12px;font-weight:700}.nf-field__hint{font-size:11px;opacity:.82}.nf-input,.nf-select{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000024;color:var(--text);outline:none}[data-theme=light] .nf-input,[data-theme=light] .nf-select{background:#ffffffd9}.nf-input:focus,.nf-select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f62e}.nf-range{width:100%}.nf-range__labels{display:flex;justify-content:space-between;font-size:11px;opacity:.75;margin-top:-4px}.nf-chip{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:#22c55e1f}.nf-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#0000001f}[data-theme=light] .nf-check{background:#fffc}.nf-card{border:1px solid var(--border);border-radius:14px;padding:10px;background:#0000001a}[data-theme=light] .nf-card{background:#ffffffbf}.nf-card__title{font-weight:700;font-size:12px;margin-bottom:8px}.nf-matrix{margin-top:12px;border:1px solid var(--border);border-radius:14px;padding:10px;background:#0000001a}[data-theme=light] .nf-matrix{background:#ffffffbf}.nf-matrix__title{font-weight:700;font-size:12px;margin-bottom:8px}.nf-matrix__grid{display:grid;grid-template-columns:120px repeat(3,1fr);gap:8px;align-items:center}.nf-matrix__head{font-size:11px;opacity:.85;font-weight:700}.nf-matrix__rowlabel{font-size:11px;opacity:.9;font-weight:700}.nf-matrix__note{font-size:11px;opacity:.8;margin-top:8px}.nf-actions{margin-top:12px;display:grid;gap:8px}.nf-primary{padding:12px;border-radius:14px;font-weight:700;border:1px solid rgba(34,197,94,.35);background:#22c55e29;color:var(--text)}.nf-primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.nf-warn{font-size:11px;opacity:.85}[data-theme=dark]{color-scheme:dark;--bg: #0b0f17;--fg: #eef2ff;--muted: rgba(238, 242, 255, .72);--panel: #0f172a;--panel-2: #111c33;--border: rgba(148, 163, 184, .22);--shadow: 0 6px 22px rgba(0,0,0,.35);--hint: rgba(238,242,255,.55);--grid: rgba(238,242,255,.08);--edge-infra: rgba(96, 165, 250, .95);--edge-solution: rgba(74, 222, 128, .95);--edge-link: rgba(192, 132, 252, .95);--edge-wan: rgba(245, 158, 11, .9);--edge-cloud: rgba(56, 189, 248, .95);--node-infra-bg: rgba(30, 58, 138, .35);--node-infra-fg: #eef2ff;--node-solution-bg: rgba(4, 120, 87, .28);--node-solution-fg: #ecfdf5;--node-legend-bg: rgba(148, 163, 184, .14);--node-legend-fg: #eef2ff;--node-site-bg: rgba(2, 132, 199, .16);--node-cloud-bg: rgba(14, 165, 233, .18);--node-icon-bg-infra: rgba(59, 130, 246, .2);--node-icon-bg-solution: rgba(34, 197, 94, .18);--node-icon-bg-legend: rgba(148, 163, 184, .18);--badge-required-bg: #fbbf24;--badge-required-fg: #111111;--badge-required-border: rgba(0,0,0,.25);--warn-bg: rgba(245, 158, 11, .14);--warn-border: rgba(245, 158, 11, .55);--warn-fg: #eef2ff}[data-theme=dark] .legendOverlay{background:#0f172aeb;border:1px solid rgba(226,232,240,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}input[type=number]{width:100%;padding:6px 8px;margin-top:4px}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);border-radius:10px;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}.penaltyWarn{margin-top:8px;border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-fg);padding:8px 10px;border-radius:10px;font-size:13px}.app-shell{min-height:100vh}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--border)}.app-header__left{display:flex;align-items:center;gap:12px;min-width:0}.app-title{min-width:0}.app-title__main{font-weight:800;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-title__sub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__right{display:flex;align-items:center;gap:10px}.header-actions{display:flex;align-items:center;margin-right:8px}.header-actions__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-actions__score{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:13px;white-space:nowrap}.header-actions__label{opacity:.82}.header-actions__btns{display:inline-flex;gap:8px;flex-wrap:wrap}.header-actions__warn{padding:6px 10px;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:12px;opacity:.9;max-width:520px}.score-dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid rgba(0,0,0,.15)}[data-theme=dark] .score-dot{border-color:#ffffff40}.score-dot--green{background:#24b26b}.score-dot--yellow{background:#f2b01e}.score-dot--red{background:#d84a4a}.app-version{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);line-height:1}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--panel-2)}.pill-btn{padding:8px 12px;border-radius:999px}.sidebar{position:fixed;font-size:90%;letter-spacing:.15px;line-height:1.1;top:var(--header-h);left:0;bottom:0;z-index:40;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);box-shadow:var(--shadow);transition:width .16s ease}.sidebar--open{width:var(--sidebar-w)}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__content{padding:12px 12px 0;overflow:auto;flex:1}.sidebar--collapsed .sidebar__content,.sidebar--collapsed .sidebar__footer{opacity:0;pointer-events:none}.sidebar__actions{display:grid;gap:10px;margin-bottom:10px}.primary-btn{padding:10px 12px;border-radius:12px;background:#3b82f62e;border-color:#3b82f659}.nf-submit{padding:10px 12px;border-radius:12px;background:#3b82f62e;border:1px solid rgba(59,130,246,.35);color:var(--text);font-weight:700}.nf-submit:disabled{opacity:.55;cursor:not-allowed}.secondary-btn{padding:10px 12px;border-radius:12px}.sidebar__hint{font-size:12px;color:var(--hint);padding:8px 10px;border:1px dashed var(--border);border-radius:12px;background:transparent}.sidebar__footer{padding:10px 12px 14px;border-top:1px solid var(--border);background:var(--panel)}.sidebar__video video{width:60%;height:auto;margin:0 auto;display:block;border-radius:12px;border:1px solid var(--border);background:#000}.sidebar__copyright{margin-top:10px;font-size:12px;color:var(--muted)}.main-canvas{position:fixed;top:var(--header-h);right:0;bottom:0;left:var(--sidebar-w);background:var(--bg);transition:left .16s ease}.sidebar--collapsed~.main-canvas{left:var(--sidebar-w-collapsed)}.main-canvas>div{height:100%}.node-shell{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:10px 12px;width:220px;max-width:220px;box-shadow:var(--shadow);position:relative}.node-shell.cat-infra{border-color:var(--node-infra-accent);background:var(--node-infra-bg);color:var(--node-infra-fg)}.node-shell.cat-solution{border-color:var(--node-solution-accent);background:var(--node-solution-bg);color:var(--node-solution-fg)}.node-shell.cat-legend{border-color:var(--node-legend-accent);background:var(--node-legend-bg);color:var(--node-legend-fg)}.node-shell.cat-site{border-color:#0284c773;background:#0284c714}.node-shell.cat-cloud{border-color:#0ea5e98c;background:#0ea5e91a}.node-shell.cat-infra .node-icon{background:var(--node-icon-bg-infra);border:1px solid rgba(37,99,235,.35)}.node-shell.cat-solution .node-icon{background:var(--node-icon-bg-solution);border:1px solid rgba(34,197,94,.35)}.node-shell.cat-legend .node-icon{background:var(--node-icon-bg-legend)}.node-shell .node-icon svg{color:currentColor}.legend-swatch{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px;border:1px solid var(--border);vertical-align:-2px}.legend-swatch.infra{background:var(--edge-infra)}.legend-swatch.solution{background:var(--edge-solution)}.legend-line{display:inline-block;width:24px;height:0;border-top:3px solid;margin-right:8px;vertical-align:middle}.legend-line.infra{border-top-color:var(--edge-infra)}.legend-line.solution{border-top-color:var(--edge-solution)}.legend-line.link{border-top-color:var(--edge-link);border-top-style:dashed}.legendOverlay{position:absolute;z-index:60;pointer-events:auto;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);font-size:12px;min-width:220px}.legendOverlay{cursor:grab}.legendOverlay:active{cursor:grabbing}.legendTab{position:absolute;left:50%;transform:translate(-50%);width:32px;height:20px;border:1px solid var(--border);background:var(--panel);border-radius:999px;box-shadow:var(--shadow);font-size:12px;line-height:18px;cursor:pointer;opacity:.92}.legendTab--top{top:-11px}.legendTab--bottom{bottom:-11px}.legendOverlay--collapsed .legendRow,.legendOverlay--collapsed .legendDivider{display:none}.legendOverlay--collapsed .legendTitle{margin-bottom:0}.legendTitle{font-weight:700;margin-bottom:8px}.legendRow{display:flex;align-items:center;gap:8px;margin:4px 0;opacity:.9}.legendDivider{height:1px;background:var(--border);opacity:.6;margin:8px 0}.legendSub{opacity:.8}.legendDot{width:14px;height:14px;border-radius:5px;border:2px solid var(--border);display:inline-block;box-shadow:0 0 0 1px #0000000f inset}.legendDot.infra{background:var(--node-infra-bg);border-color:var(--node-infra-accent)}.legendDot.site{background:var(--node-site-bg);border-color:var(--node-site-accent)}.legendDot.cloud{background:var(--node-cloud-bg);border-color:var(--node-cloud-accent)}.legendDot.sol{background:var(--node-solution-bg);border-color:var(--node-solution-accent)}.legendLine{width:26px;height:0;border-top:3px solid;display:inline-block}.legendLine.infraEdge{border-top-color:var(--edge-infra);border-top-style:solid}.legendLine.wan{border-top-color:var(--edge-wan);border-top-style:dashed}.legendLine.cloudEdge{border-top-color:var(--edge-cloud);border-top-style:dotted}.legendLine.solutionEdge{border-top-color:var(--edge-solution);border-top-style:solid}.legendLine.spanEdge{border-top-color:var(--edge-solution);border-top-style:dashed}.strictWarn{padding:8px 10px;border:1px solid rgba(220,38,38,.35);background:#dc262614;color:#dc2626f2;border-radius:10px;font-size:12px}.node-title{font-weight:700;font-size:13px;margin-bottom:6px;line-height:1.2;white-space:normal;word-break:break-word}.node-sub{font-size:12px;opacity:.8;line-height:1.3;white-space:pre-wrap;word-break:break-word}.node-details{font-size:12px;opacity:.88;line-height:1.25;margin-top:6px}.node-detail-line{margin:2px 0;white-space:normal;word-break:break-word}.node-row{display:flex;gap:10px;align-items:flex-start}.node-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center}.node-badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);margin-top:6px}.tooltip-hint{font-size:11px;opacity:.65;margin-top:6px}.legend{min-width:240px}.legend ul{margin:6px 0 0;padding-left:16px;font-size:12px;opacity:.85}.legend li{margin:4px 0}.export-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000073;display:grid;place-items:center;padding:16px}.export-modal{width:min(520px,96vw);border-radius:16px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.modal__title{font-weight:700}.modal__body{padding:12px 14px 14px}.modal__actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-size:12px;color:var(--muted)}.field input{width:100%;max-width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--border);background:transparent;padding:10px 12px}.alert{border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:10px;border:1px solid var(--border)}.alert--danger{background:#ef44441f;border-color:#ef444459}.alert--ok{background:#22c55e1f;border-color:#22c55e59}.hint{font-size:12px;color:var(--hint);margin-top:6px}#canvas-export-area[data-exporting=true]{background:transparent!important}#canvas-export-area-offscreen{position:fixed;left:0;top:0;width:1400px;height:900px;opacity:0;pointer-events:none;z-index:-1}#canvas-export-area-offscreen[data-exporting=true]{background:transparent!important}#canvas-export-area-offscreen[data-exporting=true] .react-flow__background,#canvas-export-area-offscreen[data-exporting=true] .react-flow__controls,#canvas-export-area-offscreen[data-exporting=true] .react-flow__attribution,#canvas-export-area[data-exporting=true] .react-flow__background,#canvas-export-area[data-exporting=true] .react-flow__controls,#canvas-export-area[data-exporting=true] .react-flow__attribution{display:none!important}.nf-wrap{--wizNavBg: rgba(0,0,0,.04);--wizNavHover: rgba(0,0,0,.08);--wizNavPrimaryBg: rgba(99,102,241,.18);--wizNavPrimaryHover: rgba(99,102,241,.26);--wizNavPrimaryBorder: rgba(99,102,241,.55)}[data-theme=dark] .nf-wrap{--wizNavBg: rgba(255,255,255,.06);--wizNavHover: rgba(255,255,255,.1);--wizNavPrimaryBg: rgba(99,102,241,.3);--wizNavPrimaryHover: rgba(99,102,241,.38);--wizNavPrimaryBorder: rgba(99,102,241,.65)}.nf-wizardbar{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;overflow:visible;background:linear-gradient(180deg,#ffffff0a,#0000)}.nf-wizardbar__center{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.nf-wizardbar__kpi{font-size:13px;opacity:.9;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.nf-wizardbar__kpi-sep{opacity:.6}.nf-wizardbar__track{width:min(280px,100%);max-width:48vw;height:10px;border-radius:999px;border:1px solid var(--border);overflow:hidden;background:#00000026}.nf-wizardbar__fill{height:100%;background:#ffffff59}.nf-wizardfooter{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}.nf-iconbtn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--wizNavBg);color:inherit;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer}.nf-iconbtn:hover{background:var(--wizNavHover)}.nf-iconbtn:disabled{opacity:.4;cursor:not-allowed}.nf-iconbtn--primary{border-color:var(--wizNavPrimaryBorder);background:var(--wizNavPrimaryBg)}.nf-iconbtn--primary:hover{background:var(--wizNavPrimaryHover)}.nf-step__error{margin-top:8px;font-size:12px;color:var(--danger)}.nf-step{border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:10px;background:linear-gradient(180deg,#ffffff0a,#0000)}.nf-step__body{padding:12px}.nf-footnote{font-size:12px;opacity:.8;margin-top:8px}.react-flow__handle{opacity:0!important;pointer-events:none!important}.react-flow__resize-control,.react-flow__node .react-flow__resize-control{display:none!important}.remediation-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);color:var(--fg)}.remediation-card--selected{outline:2px solid rgba(59,130,246,.65)}.remediation-card__header{cursor:default}.react-flow__node-remediationNode,.react-flow__node.remediationNode,.react-flow__node[data-type=remediationNode]{cursor:default!important}.remediation-card__body{padding-right:6px}.remediation-card__body::-webkit-scrollbar{width:10px}.remediation-card__body::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.remediation-card__body::-webkit-scrollbar-track{background:transparent}[data-export-mode=infra] .react-flow__node-remediationNode,[data-export-mode=infra] .react-flow__node.remediationNode,[data-export-mode=infra] .react-flow__node[data-id=remediation-proposal]{display:none!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{width:min(520px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 18px 60px #00000059;padding:16px}.modal-title{font-weight:700;font-size:16px;margin-bottom:8px}.modal-msg{font-size:13px;opacity:.9;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btn-secondary{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text)}.btn-primary{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,0);background:var(--accent);color:#fff}