.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--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:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--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{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.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{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.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;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:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.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:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;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%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;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{z-index:5;margin:15px;position:absolute}.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{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;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));padding:10px;font-size:12px}.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: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{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.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-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.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))}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/netplan-studio/app/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e13;--bg-panel:#10151d;--bg-raised:#171e28;--border:#242c39;--text:#d7dde8;--text-dim:#8b94a7;--accent:#3ddc97;--accent-green:var(--accent);--ok:var(--accent);--warn:#e5b455;--danger:#e05252;--on-accent:#04121f;--role-internet:var(--accent);--role-firewall:var(--danger);--role-vpn:#aab4c4;--role-core:#4da3ff;--role-server:#7ea8dc;--role-endpoint:var(--text-dim);--vlan-1:#ff8a3d;--vlan-2:var(--accent);--vlan-3:#a06bff;--vlan-4:#ffc44d;--vlan-5:var(--role-core);--vlan-6:#5bd0d0;--vlan-7:#e06c6c;--vlan-8:#9fd05b;--grid-line:#131926;--minimap-neutral:#2c3547;--containment-border:#3a4356;--identity-local:var(--vlan-6);--identity-domain:#c78bff;--severity-critical:#ff9c9c;--severity-high:#ffb27a;--severity-medium:var(--warn);--severity-low:var(--role-core);--severity-info:var(--text-dim);--hover-wash:#ffffff0d;--backdrop:#080a0e99;--container-site-bg:#1d233059;--container-zone-bg:#262c384d;--rule-focus-wash:#5e9bff14;--badge-danger-bg:#e06c6c2e;--badge-warn-bg:#e5b4552e;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 8px 24px #00000073;--shadow-xl:0 12px 40px #00000073;--focus-ring:var(--accent);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:999px;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--text-3xs:9px;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--text-2xl:20px;--leading-tight:1.25;--leading-normal:1.5;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-sans:"Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md)}button{font:inherit;color:inherit;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-1) 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.demo-frame{flex-direction:column;height:100%;display:flex}.demo-frame__body{flex:1;min-height:0}.demo-banner{background:var(--bg-raised);border-bottom:1px solid var(--border);color:var(--text-dim);font-size:var(--text-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;padding:6px 16px;display:flex}.demo-banner strong{color:var(--text)}.demo-banner__link{color:var(--accent);white-space:nowrap;text-decoration:none}.demo-banner__link:hover{text-decoration:underline}.app-shell{grid-template:"command command command"44px"library canvas inspector"1fr"library context inspector"200px/260px 1fr 300px;height:100%;display:grid}.command-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);grid-area:command;align-items:center;gap:16px;padding:0 12px;display:flex}.command-bar__label{color:var(--text-dim)}.command-bar__project{color:var(--text);font-weight:600}.command-bar__status{align-items:center;gap:var(--space-1);color:var(--text-dim);font-size:var(--text-sm);display:inline-flex}.command-bar__status--saved .inline-icon{color:var(--accent-green)}.command-bar__avatar{border-radius:var(--radius-full);background:var(--bg-raised);border:1px solid var(--border);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.command-bar__avatar--active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.canvas-toolbar{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:3px;height:40px;padding:0 8px;display:flex}.canvas-toolbar__btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-dim);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.canvas-toolbar__btn--text{width:auto;font-size:var(--text-xs);padding:0 8px}.canvas-toolbar__btn:hover:not(:disabled){color:var(--text);border-color:var(--border);background:var(--bg-raised)}.canvas-toolbar__btn--on{color:var(--accent-green);background:color-mix(in srgb, var(--accent-green) 10%, transparent);border-color:color-mix(in srgb, var(--accent-green) 35%, transparent)}.canvas-toolbar__sep{background:var(--border);flex-shrink:0;width:1px;height:22px;margin:0 5px}.canvas-toolbar__modes{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.canvas-toolbar__modes button{color:var(--text-dim);font-size:var(--text-xs);background:0 0;border:none;border-radius:0;padding:5px 10px}.canvas-toolbar__modes .canvas-toolbar__mode--on{background:var(--bg-raised);color:var(--text)}.canvas-toolbar__zoom{align-items:center;gap:2px;display:inline-flex}.canvas-region__flow{flex:1;min-height:0;position:relative}.library-panel{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;grid-area:library;display:flex;overflow:hidden}.library-panel__fixed{padding:var(--space-3) var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.library-panel__scroll{scrollbar-gutter:stable;min-height:0;padding:0 var(--space-2) var(--space-3) var(--space-3);flex:1;overflow-y:auto}.canvas-region{flex-direction:column;grid-area:canvas;min-width:0;min-height:0;display:flex;position:relative}.inspector-panel{background:var(--bg-panel);border-left:1px solid var(--border);grid-area:inspector;padding:10px;overflow-y:auto}.context-panel{background:var(--bg-panel);border-top:1px solid var(--border);grid-area:context;padding:10px;overflow-y:auto}.panel-title{margin:0 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:600;position:relative}.panel-title:after,.library-category h3:after{content:"";border-radius:var(--radius-full);background:var(--accent);width:28px;height:2px;position:absolute;bottom:-1px;left:0}.panel-empty,.panel-hint{color:var(--text-dim);font-size:var(--text-sm)}.library-brand{padding:var(--space-1) var(--space-0) var(--space-3);border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:10px;display:flex}.library-brand__tile{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-green) 14%, transparent);width:32px;height:32px;color:var(--accent-green);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.library-brand__text{flex-direction:column;min-width:0;display:flex}.library-brand__name{font-weight:700;font-size:var(--text-md)}.library-brand__tagline{color:var(--text-dim);font-size:var(--text-2xs)}.library-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px var(--space-2);color:var(--text-dim);align-items:center;gap:6px;margin-bottom:6px;display:flex}.library-search input{color:var(--text);font:inherit;background:0 0;border:none;width:100%;min-width:0}.library-search input:focus{outline:none}.library-dropzone{justify-content:center;align-items:center;gap:var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-dim);font-size:var(--text-xs);text-align:center;background:0 0;margin-top:14px;padding:14px 10px;display:flex}.library-dropzone:hover{border-color:var(--accent-green);color:var(--text)}.library-category h3{margin:var(--space-4) 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--text-dim);font-weight:600;position:relative}.library-cat__toggle{align-items:center;gap:var(--space-1);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;display:flex}.library-cat__toggle:hover{color:var(--text)}.library-cat__count{font-weight:var(--weight-medium);font-size:var(--text-2xs);color:var(--text-dim);opacity:.7;margin-left:auto}.library-cat__chev{flex-shrink:0;transition:transform .15s}.library-cat__toggle[aria-expanded=false] .library-cat__chev{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.library-cat__chev{transition:none}}.library-item__grip{color:var(--text-dim);opacity:0;flex-shrink:0;margin-left:auto}.library-item:hover .library-item__grip{opacity:.55}.library-panel__scroll .library-category h3{z-index:1;padding-top:var(--space-2);margin-top:var(--space-2);background:var(--bg-panel);position:sticky;top:0}.library-empty{margin-top:var(--space-3)}@media (height<=800px){.library-brand__tagline{display:none}}.library-category ul{margin:0;padding:0;list-style:none}.library-item{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:6px var(--space-2);border-radius:var(--radius-xs);background:0 0;border:1px solid #0000;display:flex}.library-item:hover{background:var(--bg-raised);border-color:var(--border)}.library-item__glyph{width:18px;color:var(--text-dim);justify-content:center;align-items:center;display:inline-flex}.library-item:hover .library-item__glyph,.library-item--active .library-item__glyph{color:var(--text)}.inspector-fields{gap:var(--space-1) var(--space-2);grid-template-columns:90px 1fr;margin:0;display:grid}.inspector-fields dt{color:var(--text-dim)}.inspector-fields dd{margin:0}.device-node{--node-accent:var(--role-endpoint);background:var(--bg-raised);border:1.5px solid var(--node-accent);border-radius:var(--radius-lg);min-width:150px;box-shadow:0 0 14px color-mix(in srgb, var(--node-accent) 18%, transparent);align-items:center;gap:9px;padding:9px 12px;display:flex;position:relative}.device-node--selected{box-shadow:0 0 0 2px var(--node-accent), 0 0 18px color-mix(in srgb, var(--node-accent) 33%, transparent)}.device-node__tile{border-radius:var(--radius-md);background:color-mix(in srgb, var(--node-accent) 13%, transparent);width:30px;height:30px;color:var(--node-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.device-node__body{flex-direction:column;min-width:0;display:flex}.device-node__name{font-weight:650;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.device-node__meta{color:var(--text-dim);font-size:var(--text-2xs)}.inspector-head{padding-bottom:var(--space-3);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:10px;display:flex}.inspector-head__tile{--node-accent:var(--role-endpoint);border-radius:var(--radius-md);background:color-mix(in srgb, var(--node-accent) 14%, transparent);width:40px;height:40px;color:var(--node-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.inspector-head__text{flex-direction:column;min-width:0;display:flex}.inspector-head__name{font-weight:700;font-size:var(--text-md);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inspector-head__ip{color:var(--text-dim);font-size:var(--text-sm)}.inspector-head__status{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;margin-left:auto}.inspector-head__status--active{color:var(--accent-green)}.inspector-head__status--inactive{color:var(--danger)}.interface-editor__summary{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:6px;display:flex}.interface-editor__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.interface-editor__name{font-weight:650;font-size:var(--text-sm)}.interface-editor__ip{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);margin-left:auto}.inspector-connection{align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm);display:flex}.inspector-connection__kind{color:var(--text-dim);font-size:var(--text-xs);flex-shrink:0;width:52px}.inspector-connection__path{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-rule{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-sm);padding:6px 0;display:flex}.inspector-rule__action{text-transform:capitalize;font-weight:700}.inspector-rule__action--allow{color:var(--accent-green)}.inspector-rule__action--deny,.inspector-rule__action--reject{color:var(--danger)}.inspector-rule__action--monitor{color:var(--warn)}.inspector-rule__service{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.switch{cursor:pointer;flex-shrink:0;margin-left:auto;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch__track{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border);width:30px;height:17px;transition:background .12s;position:relative}.switch__track:after{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:left .12s,background .12s;position:absolute;top:1.5px;left:2px}.switch input:checked+.switch__track{background:color-mix(in srgb, var(--accent-green) 70%, transparent);border-color:#0000}.switch input:checked+.switch__track:after{background:var(--bg);left:15px}.tag-chips{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.tag-chip{padding:var(--space-0) 9px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-raised);font-size:var(--text-xs);color:var(--text)}.inspector-panel .field input,.inspector-panel .field select,.inspector-panel .field textarea{background-color:#0000;border-color:#0000}.inspector-panel .field input:hover,.inspector-panel .field select:hover,.inspector-panel .field textarea:hover{border-color:var(--border)}.inspector-panel .field input:focus,.inspector-panel .field select:focus,.inspector-panel .field textarea:focus{background-color:var(--bg);border-color:var(--accent)}.field{align-items:center;gap:var(--space-2);grid-template-columns:84px 1fr;margin-bottom:6px;display:grid}.field--stacked{grid-template-columns:1fr}.field__label{color:var(--text-dim);font-size:var(--text-sm)}.field select,.field textarea,.address-add select{background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-1) 6px}.field input,.field select,.field textarea,.address-add input,.address-add select{font:inherit;width:100%;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.icon-upload{align-items:center;gap:var(--space-2);min-width:0;display:flex}.icon-upload__preview{width:24px;height:24px;padding:var(--space-0);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-upload__preview img{object-fit:contain;width:100%;height:100%}.field-section{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px}.field-section__title{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.inspector-actions{gap:6px;margin-bottom:10px;display:flex}.interface-editor{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-2);background:var(--bg)}.interface-editor__header{align-items:start;gap:6px;display:flex}.interface-editor__header .field{flex:1}.interface-editor__remove{padding:var(--space-0) 7px}.address-list{margin:6px 0;padding:0;list-style:none}.address-list li{padding:var(--space-0) 0;align-items:center;gap:6px;display:flex}.address-list__kind{color:var(--text-dim);font-size:var(--text-xs);width:58px}.address-list__value{font-family:var(--font-mono);font-size:var(--text-sm);flex:1}.address-list button{padding:0 6px}.address-add{gap:var(--space-1);display:flex}.address-add select{width:90px}.device-node__badges{pointer-events:none;align-items:center;gap:3px;display:none;position:absolute;top:-9px;left:8px}.device-node:hover .device-node__badges,.device-node--selected .device-node__badges{display:flex}.device-node__status{background:var(--text-dim);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.device-node__status--active{background:var(--ok)}.device-node__status--inactive{background:var(--danger)}.device-node__lifecycle{border-radius:var(--radius-xs);width:auto;height:auto;font-size:var(--text-3xs);background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);padding:1px 3px;font-weight:700;position:static}.device-node__lifecycle--planned{color:var(--accent);border-color:var(--accent);background:var(--bg-panel)}.device-node__lifecycle--observed{color:var(--ok);border-color:var(--ok)}.device-node__icon{object-fit:contain;width:20px;height:20px}.site-node{border:1px dashed var(--containment-border);border-radius:var(--radius-md);background:var(--container-site-bg);width:100%;height:100%}.site-node--collapsed{background:var(--bg-raised);border-style:solid}.site-node__header{padding:6px var(--space-2);align-items:center;gap:6px;display:flex}.site-node__toggle{padding:0 6px;line-height:1.4}.site-node__name{color:var(--text-dim);align-items:center;gap:5px;font-weight:600;display:inline-flex}.site-node__toggle,.zone-node__name{align-items:center;gap:var(--space-1);display:inline-flex}.zone-node{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--container-zone-bg);width:100%;height:100%;padding:var(--space-1) var(--space-2)}.zone-node--collapsed{background:var(--bg-raised);border-style:solid}.zone-node__name{font-size:var(--text-xs);color:var(--text-dim)}.overview-panel,.networks-panel,.rules-page{background:var(--bg);grid-area:canvas;padding:14px 18px;overflow-y:auto}.overview-tiles{margin-bottom:var(--space-4);flex-wrap:wrap;gap:10px;display:flex}.overview-tile{gap:var(--space-0);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);flex-direction:column;min-width:110px;padding:10px 14px;display:flex}.overview-tile--action{cursor:pointer;text-align:left}.overview-tile--action:hover{border-color:var(--accent)}.overview-tile__count{font-size:var(--text-2xl);font-weight:700}.overview-tile__label{font-size:var(--text-xs);color:var(--text-dim)}.overview-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.overview-list{margin:0 0 var(--space-3);font-size:var(--text-sm);padding:0;list-style:none}.overview-list li{align-items:center;gap:var(--space-2);padding:var(--space-0) 0;display:flex}.overview-list__count{color:var(--text-dim);margin-left:auto}.networks-panel__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.networks-table tbody tr{cursor:pointer}.networks-table__row--selected{background:color-mix(in srgb, var(--accent) 8%, transparent)}.rules-panel--page{height:100%}.rules-panel__filters{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.rules-panel__filter-count{color:var(--text-dim);font-size:var(--text-xs)}.reports-panel,.settings-panel{background:var(--bg);grid-area:canvas;padding:14px 18px;overflow-y:auto}.reports-panel__generate{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.reports-panel__profile{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-dim);display:inline-flex}.reports-panel__buttons{flex-wrap:wrap;gap:6px;display:flex}.reports-table__hash{font-family:var(--font-mono);color:var(--text-dim)}.settings-panel h3{margin-top:18px}.inspector-list{margin:0;padding:0;list-style:none}.inspector-list__row{align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:3px 0;display:flex}.inspector-list__primary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-list__meta{color:var(--text-dim);font-size:var(--text-xs);flex-shrink:0}.inspector-list__chip{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-2xs);color:var(--text-dim);flex-shrink:0;margin-left:auto;padding:1px 6px}.inspector-list__link{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-0) 0;color:var(--text);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.field--meta{margin-top:-4px}.field__hint{color:var(--text-dim);font-size:var(--text-2xs)}.rules-panel__flow-warnings{margin:0 0 var(--space-2);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--warn);padding:6px 10px;list-style:none}.rule-row__info{margin:var(--space-0) 0 0;padding:0 0 0 var(--space-1);font-size:var(--text-xs);color:var(--text-dim);list-style:none}.toast-stack{z-index:80;gap:var(--space-2);flex-direction:column;max-width:380px;display:flex;position:fixed;bottom:16px;right:16px}.toast{padding:10px var(--space-3);border:1px solid var(--border);border-left:3px solid var(--text-dim);border-radius:var(--radius-md);background:var(--bg-raised);box-shadow:var(--shadow-lg);font-size:var(--text-sm);align-items:flex-start;gap:10px;display:flex}.toast--error{border-left-color:var(--danger)}.toast--success{border-left-color:var(--ok)}.toast--info{border-left-color:var(--role-core)}.toast__message{flex:1}.toast__dismiss{padding:0 var(--space-1);color:var(--text-dim);background:0 0;border:none}.command-bar__saved-ago{color:var(--text-dim);font-size:var(--text-xs);margin-left:-10px}.switch--inline{margin-left:0;margin-right:6px}.canvas-empty-hint{z-index:5;pointer-events:none;color:var(--text-dim);font-size:var(--text-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.canvas-empty-hint strong{color:var(--text)}.color-swatches{flex-wrap:wrap;gap:5px;display:inline-flex}.color-swatch{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;width:18px;height:18px;padding:0}.color-swatch--on{border-color:var(--text);box-shadow:0 0 0 1.5px var(--bg), 0 0 0 3px var(--text-dim)}.color-swatch--auto{background:var(--bg-raised);border-color:var(--border);color:var(--text-dim);font-size:var(--text-2xs);line-height:1}.device-node__warning{pointer-events:auto;border-radius:var(--radius-md);font-size:var(--text-3xs);color:var(--bg);cursor:pointer;border:none;padding:1px 5px;font-weight:700}.device-node__warning--critical{background:var(--severity-critical)}.device-node__warning--high{background:var(--severity-high)}.device-node__warning--medium{background:var(--severity-medium)}.device-node__warning--low{background:var(--severity-low)}.device-node__warning--info{background:var(--severity-info)}.device-node--finding-critical{outline:1.5px solid var(--severity-critical);box-shadow:0 0 14px color-mix(in srgb, var(--severity-critical) 45%, transparent)}.device-node--finding-high{outline:1.5px solid var(--severity-high);box-shadow:0 0 14px color-mix(in srgb, var(--severity-high) 45%, transparent)}.device-node--finding-medium{outline:1.5px solid var(--severity-medium);box-shadow:0 0 12px color-mix(in srgb, var(--severity-medium) 40%, transparent)}.device-node--finding-low{outline:1.5px solid var(--severity-low);box-shadow:0 0 10px color-mix(in srgb, var(--severity-low) 35%, transparent)}.device-node--finding-info{outline:1.5px solid var(--severity-info);box-shadow:0 0 8px color-mix(in srgb, var(--severity-info) 30%, transparent)}.findings-device-filter{padding:var(--space-0) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:var(--text-xs);color:var(--text);align-items:center;gap:6px;display:inline-flex}.device-node--compact{justify-content:center;gap:0;width:52px;min-width:0;height:44px;padding:6px}.device-node--compact .device-node__tile{width:26px;height:26px}.device-node__hover-label{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);white-space:nowrap;z-index:30;flex-direction:column;align-items:center;padding:4px 8px;display:none;position:absolute;top:calc(100% + 4px);left:50%;translate:-50%}.device-node--compact:hover .device-node__hover-label{display:flex}.minimap-collapsible{transform-origin:0 100%;transition:transform .16s,opacity .16s}.minimap-collapsible:not(:hover){opacity:.75;transform:scale(.3)}.policy-rule-callout__leader{border-top:1px dashed var(--border);transform-origin:0;z-index:-1;pointer-events:none;width:90px;height:0;position:absolute;top:50%;left:50%}.flow-list{margin:0;padding:0;list-style:none}.flow-list__item{padding:var(--space-2) 10px;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.flow-detail{font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:3px 14px;margin:0;display:grid}.flow-detail dt{color:var(--text-dim)}.flow-detail dd{margin:0}.flow-evidence-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.policy-rule-callout--clickable{cursor:pointer}.policy-rule-callout--clickable:hover{outline:1px solid var(--accent)}.rule-row--focused{outline:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--rule-focus-wash)}.finding-card--focused{outline:1px solid var(--accent)}.governing-rules{margin-top:10px}.governing-rules__list{margin:0;padding:0;list-style:none}.governing-rules__row{width:100%;padding:var(--space-1) var(--space-2);color:var(--text);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;display:flex}.governing-rules__row:hover{background:var(--hover-wash);border-radius:var(--radius-sm)}.shortcut-help__table{border-collapse:collapse;font-size:var(--text-sm);color:var(--text-dim)}.shortcut-help__table td{padding:var(--space-1) 14px var(--space-1) 0}.shortcut-help__keys kbd{padding:var(--space-0) 6px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--hover-wash);font-family:inherit;font-size:var(--text-xs);color:var(--text);white-space:nowrap}.container-resize-handle{background:0 0;border:none;width:14px;height:14px}.container-resize-handle__grip{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);cursor:nwse-resize;border-bottom-right-radius:6px;position:absolute;inset:0}.network-node{--node-accent:var(--accent);min-width:170px;padding:9px var(--space-3);background:var(--bg-raised);border:1.5px solid var(--node-accent);border-radius:var(--radius-lg);box-shadow:0 0 14px color-mix(in srgb, var(--node-accent) 20%, transparent);align-items:center;gap:9px;display:flex;position:relative}.network-node--selected{box-shadow:0 0 0 2px var(--node-accent), 0 0 18px color-mix(in srgb, var(--node-accent) 35%, transparent)}.network-node__tile{border-radius:var(--radius-md);background:color-mix(in srgb, var(--node-accent) 13%, transparent);width:30px;height:30px;color:var(--node-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.network-node__body{flex-direction:column;min-width:0;display:flex}.network-node__name{font-weight:650;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.network-node__meta{color:var(--text-dim);font-size:var(--text-2xs)}.policy-rule-callout{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:120px;box-shadow:var(--shadow-md);font-size:var(--text-2xs);flex-direction:column;gap:2px;padding:8px 10px;display:flex;position:relative}.policy-rule-callout__title{font-weight:700;font-size:var(--text-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px}.policy-rule-callout__action{text-transform:capitalize;font-weight:650}.policy-rule-callout__line--allow .policy-rule-callout__action{color:var(--accent-green)}.policy-rule-callout__line--deny .policy-rule-callout__action,.policy-rule-callout__line--reject .policy-rule-callout__action{color:var(--danger)}.policy-rule-callout__line--monitor .policy-rule-callout__action{color:var(--warn)}.policy-rule-callout__more{color:var(--text-dim);font-size:var(--text-3xs)}.react-flow__edge:not(:hover,.selected) .react-flow__edge-textwrapper{display:none}.hidden-handle{opacity:0;pointer-events:none;border:0;width:1px;min-width:0;height:1px;min-height:0}.device-node__memberships{gap:3px;margin-top:3px;display:flex}.device-node__membership-chip{border-radius:2px;width:14px;height:5px;display:inline-block}.member-list{margin:0;padding:0;list-style:none}.member-list li{padding:var(--space-0) 0}.toggle--on{border-color:var(--accent);color:var(--accent)}.connect-form__hint{color:var(--text-dim);margin:0 0 6px}.connect-form__notice{color:var(--warn);margin:0 0 6px}.connect-form__row{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.connect-form__side,.connect-form__field{gap:var(--space-1);flex-direction:column;display:flex}.connect-form__side{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) 10px;min-width:180px}.connect-form__side select,.connect-form__field select{background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-1) 6px}.link-list{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.link-list__item{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:var(--space-4);min-width:380px;padding:10px;display:flex}.link-list__form{min-width:170px}.link-list__endpoints{align-items:center;gap:var(--space-3);display:flex}.link-list__arrows{color:var(--text-dim);font-size:var(--text-lg)}.endpoint-card{gap:var(--space-0);min-width:150px;padding:var(--space-2) 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.endpoint-card__role{font-size:var(--text-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.endpoint-card__title{font-weight:650;font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.endpoint-card__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.endpoint-card__ip{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.context-panel__tabs{margin-bottom:var(--space-2);gap:6px;display:flex}.rules-panel{gap:var(--space-6);display:flex}.rules-panel__column{flex:1;min-width:0}.rules-panel__column--services{max-width:300px}.rule-add,.service-add{margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rule-add select,.service-add select{background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-1) 6px}.rule-add select,.rule-add input,.service-add select,.service-add input{max-width:170px}.rule-add__logging{color:var(--text-dim);align-items:center;gap:3px;display:flex}.rule-list,.service-list{margin:0;padding:0;list-style:none}.service-list li{align-items:center;gap:var(--space-2);padding:3px 0;display:flex}.rule-row{border-top:1px solid var(--border);padding:6px 0}.rule-row__main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rule-row__main .field{grid-template-columns:auto;margin:0}.rule-row__action{text-transform:uppercase;font-weight:700;font-size:var(--text-xs);border-radius:var(--radius-xs);border:1px solid var(--border);padding:1px 6px}.rule-row__action--allow{color:var(--ok);border-color:var(--ok)}.rule-row__action--deny,.rule-row__action--reject{color:var(--danger);border-color:var(--danger)}.rule-row__action--monitor{color:var(--warn);border-color:var(--warn)}.rule-row__traffic{font-weight:600}.rule-row__service,.rule-row__direction{color:var(--text-dim);font-size:var(--text-sm)}.rule-row__warnings{margin:var(--space-1) 0 0;padding:0 0 0 var(--space-2);color:var(--warn);font-size:var(--text-sm);list-style:none}.activity-log{font-size:var(--text-sm);margin:0;padding:0;list-style:none}.activity-log__row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:3px 0;display:flex}.activity-log__seq{color:var(--text-dim);width:42px}.activity-log__row--undo .activity-log__text{color:var(--warn)}.activity-log__row--redo .activity-log__text{color:var(--accent)}.activity-log__text{flex:1}.activity-log__time{color:var(--text-dim)}.export-menu{align-items:center;gap:var(--space-2);display:flex;position:relative}.export-menu__file{display:none}.export-menu__notice{color:var(--warn);font-size:var(--text-sm)}.global-search{margin-left:auto;position:relative}.global-search input{width:240px;padding:5px 10px}.global-search input:focus{border-color:var(--accent);outline:none}.global-search__results{z-index:60;padding:var(--space-1);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:280px;box-shadow:var(--shadow-lg);max-height:320px;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.global-search__results button{justify-content:space-between;gap:var(--space-3);text-align:left;border-radius:var(--radius-xs);background:0 0;border:none;width:100%;padding:6px 10px;display:flex}.global-search__results button:hover{background:var(--bg-panel)}.global-search__detail{color:var(--text-dim);font-size:var(--text-xs)}.react-flow__minimap{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.react-flow__controls{box-shadow:none;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.react-flow__controls-button{background:var(--bg-panel);border-bottom:1px solid var(--border);color:var(--text-dim)}.react-flow__controls-button:hover{background:var(--bg-raised);color:var(--text)}.boot-error,.boot-loading{text-align:center;place-content:center;height:100%;display:grid}.primary-nav{padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.primary-nav .library-item{color:var(--text-dim);font-weight:var(--weight-medium);position:relative}.primary-nav .library-item:hover{color:var(--text)}.library-item--active{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text)}.library-item--active:before{content:"";left:0;top:var(--space-1);bottom:var(--space-1);border-radius:var(--radius-full);background:var(--accent);width:2px;position:absolute}.library-item--active .library-item__glyph{color:var(--accent)}.imports-panel{gap:var(--space-3);padding:var(--space-3);grid-area:canvas;grid-template-columns:280px 1fr;min-height:0;display:grid;overflow:auto}.imports-panel__column{min-height:0;overflow:auto}.import-wizard{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.import-wizard select{width:100%}.imports-panel__notice{color:var(--warn);font-size:var(--text-sm)}.imports-panel__job-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.import-job{border:1px solid var(--border);border-radius:var(--radius-xs);text-align:left;background:0 0;justify-content:space-between;width:100%;padding:6px 10px;display:flex}.import-job--selected{outline:1px solid var(--accent)}.import-job__status--review{color:var(--warn)}.import-job__status--committed{color:var(--ok)}.import-job__status--failed{color:var(--danger)}.import-job__status--rolledBack{color:var(--text-dim)}.import-review__actions{gap:var(--space-2);align-items:center;margin:10px 0;display:flex}.provenance-table,.identities-table,.conflict__diffs{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.provenance-table td,.identities-table th,.identities-table td,.conflict__diffs th,.conflict__diffs td{border-bottom:1px solid var(--border);padding:var(--space-1) 6px;text-align:left}.evidence-viewer__record{border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-2);font-size:var(--text-sm);margin:6px 0}.evidence-viewer__hash{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all}.evidence-viewer__content{background:var(--bg-panel);max-height:240px;padding:var(--space-2);font-size:var(--text-xs);overflow:auto}.conflict-list{margin:0;padding:0;list-style:none;overflow:auto}.conflict{border:1px solid var(--border);border-left:3px solid var(--ok);border-radius:var(--radius-xs);padding:var(--space-2);font-size:var(--text-sm);margin:6px 0}.conflict--pending{border-left-color:var(--warn)}.conflict__actions{gap:6px;margin-top:6px;display:flex}.conflict__resolution{color:var(--ok);margin-top:6px}.provenance-field__name{margin-top:var(--space-2);justify-content:space-between;align-items:center;font-weight:600;display:flex}.provenance-field__editor{margin:var(--space-1) 0;gap:6px;display:flex}.provenance-status--accepted{color:var(--ok)}.provenance-status--rejected{color:var(--text-dim)}.provenance-status--overridden{color:var(--warn)}.device-node__confidence,.device-node__evidence{font-size:var(--text-3xs);color:var(--ok)}.device-node--diff-added{outline:2px dashed var(--ok)}.device-node--diff-removed{outline:2px dashed var(--danger);opacity:.55}.diff-panel{gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);grid-template-columns:repeat(3,1fr);display:grid;overflow:auto}.diff-panel ul{margin:0;padding:0;list-style:none}.diff-badge--add{color:var(--ok)}.diff-badge--remove{color:var(--danger)}.diff-badge--mod{color:var(--warn)}.diff-before{color:var(--danger);text-decoration:line-through}.diff-after{color:var(--ok)}.identities-panel{padding:var(--space-3);grid-area:canvas;min-height:0;overflow:auto}.identities-table__row--selected{outline:1px solid var(--accent)}.identities-table tbody tr{cursor:pointer}.identity-scope--domain{color:var(--identity-domain)}.identity-scope--local{color:var(--identity-local)}.device-node__identities{flex-wrap:wrap;gap:2px;margin-top:4px;display:flex}.identity-chip{font-size:var(--text-3xs);padding:1px var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--identity-local) 14%, transparent);color:var(--identity-local)}.identity-chip--domain{background:color-mix(in srgb, var(--identity-domain) 14%, transparent);color:var(--identity-domain)}.identity-inspector dl{gap:var(--space-0) 10px;font-size:var(--text-sm);grid-template-columns:auto 1fr;display:grid}.findings-panel{padding:var(--space-4) var(--space-5);background:var(--bg);grid-area:canvas;overflow-y:auto}.findings-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.findings-run{align-items:center;gap:10px;display:flex}.findings-watermark{color:var(--text-dim);font-size:var(--text-sm)}.findings-filters{align-items:center;gap:var(--space-4);margin:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-dim);display:flex}.findings-filters select{background-color:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-left:6px}.findings-count{margin-left:auto}.findings-group__title{text-transform:uppercase;font-size:var(--text-sm);letter-spacing:.06em;margin:18px 0 var(--space-2);color:var(--text-dim)}.finding-card{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) 14px;margin-bottom:10px}.finding-card--stale{opacity:.75;border-left-color:var(--text-dim)}.finding-card__head{align-items:center;gap:10px;display:flex}.finding-title{flex:1;font-weight:600}.finding-badge,.finding-status{font-size:var(--text-xs);text-transform:uppercase;padding:var(--space-0) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border)}.severity--critical{color:var(--severity-critical);border-left-color:var(--danger)}.finding-badge.severity--critical{background:var(--badge-danger-bg)}.severity--high{color:var(--severity-high)}.finding-badge.severity--high{background:var(--badge-warn-bg)}.severity--medium{color:var(--severity-medium)}.severity--low{color:var(--severity-low)}.severity--info{color:var(--severity-info)}.status--new{color:var(--accent)}.status--falsePositive,.status--resolved{color:var(--ok)}.status--acceptedRisk{color:var(--warn)}.finding-detail{gap:var(--space-0) var(--space-3);font-size:var(--text-sm);margin:var(--space-2) 0;grid-template-columns:auto 1fr;display:grid}.finding-detail dt{color:var(--text-dim)}.finding-explanation{font-size:var(--text-md);color:var(--text);margin:6px 0}.finding-stale-note{font-size:var(--text-sm);color:var(--warn);margin:var(--space-1) 0}.finding-verify{font-size:var(--text-sm);margin:6px 0}.finding-verify summary{cursor:pointer;color:var(--accent)}.finding-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.findings-coverage{margin-top:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-3)}.findings-coverage__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.findings-coverage__table th,.findings-coverage__table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border)}.findings-coverage__missing{color:var(--text-dim)}.findings-error{color:var(--danger)}.egress-panel{padding:var(--space-4) var(--space-5);background:var(--bg);grid-area:canvas;overflow-y:auto}.egress-section{margin-bottom:var(--space-5);padding:var(--space-3) 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.egress-section__hint{font-size:var(--text-sm);color:var(--text-dim)}.egress-check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin:6px 0;display:flex}.egress-disclosure{font-size:var(--text-sm);color:var(--text-dim);border-left:3px solid var(--warn);background:var(--bg-raised);margin:10px 0;padding:6px 10px}.egress-panel__error{color:var(--danger);font-size:var(--text-sm)}.egress-form-row{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.egress-form-row input{flex:1;min-width:160px}.egress-list{margin:var(--space-2) 0 0;font-size:var(--text-sm);padding:0;list-style:none}.egress-list li{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.egress-table th,.egress-table td{word-break:break-all}.egress-stale{color:var(--warn);font-weight:600}.egress-outcome--blocked{color:var(--warn)}.egress-outcome--error{color:var(--danger)}.egress-outcome--success{color:var(--ok)}.import-job__status--cancelled{color:var(--warn)}.proposal-register{margin-bottom:var(--space-2);gap:6px;display:flex}.proposal-register input{flex:1}.proposal-status{font-weight:600}.proposal-actions{gap:var(--space-1);margin-left:var(--space-2);display:inline-flex}.proposal-status--draft{color:var(--text-dim)}.proposal-status--proposed{color:var(--accent)}.proposal-status--approved{color:var(--ok)}.proposal-status--rejected{color:var(--danger)}.btn{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-weight:var(--weight-medium);display:inline-flex}.btn--md{padding:5px var(--space-3)}.btn--sm{padding:3px var(--space-2);font-size:var(--text-sm)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--weight-semibold)}.btn--primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.08)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.btn--danger:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.btn--ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--hover-wash);border-color:#0000}.icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-dim);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn--sm{width:24px;height:24px}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--border);background:var(--bg-raised)}.icon-btn--on{color:var(--accent-green);background:color-mix(in srgb, var(--accent-green) 10%, transparent);border-color:color-mix(in srgb, var(--accent-green) 35%, transparent)}.icon-btn--danger:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.dialog__backdrop{z-index:70;background:var(--backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{min-width:340px;max-width:480px;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-xl)}.dialog:focus{outline:none}.dialog__title{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.dialog__body{color:var(--text-dim);font-size:var(--text-sm);line-height:var(--leading-normal)}.dialog__body ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.dialog__footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.menu{align-items:center;display:flex;position:relative}.menu__list{z-index:50;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;padding:var(--space-1);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0}.menu__item{align-items:center;gap:var(--space-2);text-align:left;padding:6px var(--space-2);border-radius:var(--radius-xs);background:0 0;border:none;display:flex}.menu__item:hover:not(:disabled){background:var(--bg-panel)}.menu__icon{color:var(--text-dim);flex-shrink:0}.menu__sep{background:var(--border);height:1px;margin:var(--space-1) var(--space-2)}.inline-icon{vertical-align:-2px;flex-shrink:0}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,.switch input:focus-visible+.switch__track{outline:2px solid var(--focus-ring);outline-offset:1px}button:active:not(:disabled){transform:translateY(.5px)}html{scrollbar-width:thin;scrollbar-color:var(--minimap-neutral) transparent}select{appearance:none;font:inherit;color:inherit;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b94a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding:3px 22px 3px 6px}:where(input[type=text],input[type=search],input[type=date],input:not([type])){background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-1) 6px}.field select,.address-add select,.connect-form__side select,.connect-form__field select,.rule-add select,.service-add select{padding-right:22px}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{text-align:left;padding:6px var(--space-2);color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.data-table td{text-align:left;padding:6px var(--space-2);border-bottom:1px solid var(--border)}.data-table tbody tr:hover{background:var(--hover-wash)}.data-table__num{text-align:right;font-family:var(--font-mono)}.mono{font-family:var(--font-mono)}.global-search__icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.global-search input{padding-left:26px}.hotkey-card{top:var(--space-2);right:var(--space-2);z-index:10;width:210px;padding:var(--space-2) var(--space-3);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-xs);position:absolute}.hotkey-card__head{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.hotkey-card__title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.hotkey-card__dismiss{color:var(--text-dim);background:0 0;border:none;padding:2px;display:inline-flex}.hotkey-card__dismiss:hover:not(:disabled){color:var(--text)}.hotkey-card__list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.hotkey-card__list li{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--text-dim);display:flex}.hotkey-card__list kbd{font-family:inherit;font-size:var(--text-2xs);color:var(--text);background:var(--hover-wash);border:1px solid var(--border);border-radius:var(--radius-xs);white-space:nowrap;padding:1px 5px}.settings-row{align-items:center;gap:var(--space-3);max-width:420px;display:flex}.settings-row .switch{margin-left:auto}.imports-panel{grid-template-columns:340px 1fr}.format-help{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);font-size:var(--text-sm)}.format-help>summary{cursor:pointer;padding:var(--space-1) var(--space-2);color:var(--text-dim);-webkit-user-select:none;user-select:none}.format-help>summary:hover{color:var(--text)}.format-help[open]>summary{color:var(--text);border-bottom:1px solid var(--border)}.format-help__body{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.format-help__summary{color:var(--text-dim);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.format-help__chips{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.format-help__chip{border:1px solid var(--border);border-radius:var(--radius-full);padding:1px var(--space-2);font-size:var(--text-2xs);color:var(--text-dim)}.format-help__scroll{border:1px solid var(--border);border-radius:var(--radius-xs);max-height:260px;overflow:auto}.format-help__table{border-collapse:collapse;width:100%;min-width:420px;font-size:var(--text-xs)}.format-help__table th{background:var(--bg-panel);text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-2xs);font-weight:var(--weight-semibold);position:sticky;top:0}.format-help__table th,.format-help__table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border);vertical-align:top}.format-help__table tbody tr:last-child td{border-bottom:none}.format-help__field-name{font-family:var(--font-mono);white-space:nowrap}.format-help__required{color:var(--accent);font-weight:var(--weight-semibold)}.format-help__example-bar{align-items:center;gap:var(--space-2);display:flex}.format-help__example-bar>span{color:var(--text-dim);font-size:var(--text-xs);margin-right:auto}.format-example{padding:var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);max-height:220px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);tab-size:10;margin:0;overflow:auto}.format-help__notes{padding-left:var(--space-4);gap:var(--space-1);color:var(--text-dim);font-size:var(--text-xs);flex-direction:column;margin:0;display:flex}.import-wizard__upload{align-items:center;gap:var(--space-2);display:flex}.import-wizard__upload>button{flex:1}.import-wizard__valid{color:var(--ok);font-size:var(--text-xs);white-space:nowrap}.import-validation{border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.import-validation p{margin:0}.import-validation__issues{padding-left:var(--space-4);gap:var(--space-0);font-size:var(--text-xs);flex-direction:column;max-height:180px;margin:0;display:flex;overflow:auto}.import-validation__issues code{font-family:var(--font-mono);color:var(--severity-critical)}.import-validation__more{color:var(--text-dim);font-size:var(--text-xs)}.import-profiles{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);font-size:var(--text-sm)}.import-profiles>summary{cursor:pointer;padding:var(--space-1) var(--space-2);color:var(--text-dim);-webkit-user-select:none;user-select:none}.import-profiles>summary:hover{color:var(--text)}.import-profiles[open]>summary{color:var(--text);border-bottom:1px solid var(--border)}.import-profiles__body{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.import-profiles__list{align-self:stretch;gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.import-profiles__row{align-items:center;gap:var(--space-1);display:flex}.import-profiles__meta{align-items:baseline;gap:var(--space-1);min-width:0;font-size:var(--text-xs);flex:1;display:flex}.import-profiles__meta strong{white-space:nowrap}.import-profiles__pattern{font-family:var(--font-mono);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-profiles__editor{align-self:stretch;gap:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-2);flex-direction:column;display:flex}.import-profiles__pattern-input{font-family:var(--font-mono)}.import-profiles__sample{gap:var(--space-0);color:var(--text-dim);font-size:var(--text-xs);flex-direction:column;display:flex}.import-profiles__sample textarea{resize:vertical;background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-1) 6px;font:inherit;font-family:var(--font-mono);font-size:var(--text-xs)}.import-profiles__preview{table-layout:fixed;font-size:var(--text-xs)}.import-profiles__line,.import-profiles__groups{font-family:var(--font-mono);overflow-wrap:anywhere}.import-profiles__groups{color:var(--text-dim)}.import-profiles__actions{gap:var(--space-2);display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spinner-rotate;display:inline-block}.spinner--sm{width:12px;height:12px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.panel-loading{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--text-dim);font-size:var(--text-sm);display:flex}