/* Same CO11 typography, chips, protocols and restrained palette as the agreed panel. */
.ops-page-head{display:flex;justify-content:space-between;align-items:center}.ops-status-pill{display:flex;align-items:center;gap:6px;background:#e5f2e9;color:#356f51;border-radius:24px;padding:7px 11px;font-size:11px}.ops-root{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:32px}.ops-root.fullscreen{position:fixed;inset:16px;z-index:70;box-shadow:0 30px 100px #10281e44}.ops-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 16px;gap:12px}.ops-lenses{display:flex;gap:3px;background:#f2f5f1;padding:4px;border-radius:10px}.ops-lenses button{font-size:12px;padding:7px 12px;border-radius:7px;color:#839187}.ops-lenses button.active{background:#fff;color:#224d39;box-shadow:0 2px 6px #173a2410}.ops-canvas-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.ops-viewport{height:660px;position:relative;overflow:hidden;background-color:#f7f9f5;background-image:radial-gradient(#c9d8cb .8px,transparent .8px);background-size:24px 24px;cursor:grab;touch-action:none}.fullscreen .ops-viewport{height:calc(100vh - 150px)}.ops-viewport:active{cursor:grabbing}#ops-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.ops-edges{position:absolute;left:-3000px;top:-3000px;overflow:visible;pointer-events:none}.ops-wire{pointer-events:auto;cursor:pointer;transition:opacity .15s}.ops-wire-hit{fill:none;stroke:transparent;stroke-width:22}.ops-wire-line{fill:none;stroke:var(--wire);stroke-width:1.7;stroke-dasharray:5 5;opacity:.64}.ops-wire.selected .ops-wire-line{stroke-width:3.8;opacity:1}.ops-wire.dim{opacity:.13}.ops-wire.observed .ops-wire-line{stroke-dasharray:none;opacity:1}.ops-wire-label rect{fill:#fff;stroke:#dde5df}.ops-wire-label text{text-anchor:middle;fill:#667c6d;font:11px 'DM Sans',sans-serif}.ops-host-link{fill:none;stroke:#aab5af;stroke-width:1;stroke-dasharray:2 8;opacity:.25;pointer-events:none}.ops-wire-preview{fill:none;stroke-width:3;stroke-dasharray:4 4;pointer-events:none}.ops-node{width:200px;position:absolute;text-align:center;cursor:move;outline:none}.ops-node-geometry{height:150px;position:relative}.ops-shape{width:200px;height:150px;overflow:visible;filter:drop-shadow(0 5px 9px #2743290a)}.ops-shape path,.ops-shape rect,.ops-shape circle,.ops-shape ellipse{fill:color-mix(in srgb,var(--node) 9%,white);stroke:color-mix(in srgb,var(--node) 60%,white);stroke-width:1.6}.ops-shape .ops-shape-inner{fill:none;stroke:color-mix(in srgb,var(--node) 28%,white);stroke-width:1}.ops-node.selected .ops-shape{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--node) 30%,transparent))}.ops-node.selected .ops-shape>*{stroke:var(--node);stroke-width:2.8}.ops-node-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--node)}.ops-node-symbol svg{height:32px;width:32px;stroke-width:1.5}.ops-node-name{display:block;font-size:13px;line-height:1.3;font-weight:650;max-width:210px;margin:4px auto 6px;color:#274636}.ops-node-meta{display:flex;justify-content:center;gap:5px;align-items:center;font-size:9px;color:#85948b}.ops-env{font-size:9px;padding:2px 5px;border-radius:4px;background:#edf3ed;color:#728773;font-weight:600}.ops-env.paper{background:#f7eddc;color:#b08a40}.ops-env.live{background:#fae8e8;color:#af6969}.ops-env.policy{background:#f3eee3;color:#967b43}.ops-node.planned .ops-shape>*{stroke-dasharray:4 3;fill:#f5f6f5}.ops-node.search-dim{opacity:.16}.ops-health{position:absolute;left:147px;top:16px;border:3px solid #f7f9f5;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7ece7;color:#909e96;font-size:18px}.ops-health svg{width:13px;height:13px}.ops-health.healthy{background:#d6ecde;color:#287348}.ops-health.down{background:#f4dfdb;color:#b96859}.ops-health.stale,.ops-health.degraded{background:#f3e9d5;color:#b19558}.ops-port{width:17px;height:17px;position:absolute;border-radius:50%;border:2px solid var(--port);background:#fff;z-index:2;cursor:crosshair;box-shadow:0 0 0 4px #f7f9f5;color:var(--port);display:grid;place-items:center;font-size:13px;line-height:1}.ops-port.inputs{left:-3px}.ops-port.outputs{right:-3px}.ops-port:hover,.ops-port.compatible{background:var(--port);color:white;box-shadow:0 0 0 6px color-mix(in srgb,var(--port) 20%,transparent)}.ops-node-protocols{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:8px}.ops-policy{display:inline-flex;align-items:center;gap:3px;background:#efeaf3;color:#8a759d;border:1px solid #e4dae9;font-size:8px;padding:3px 5px;border-radius:0 0 7px 7px;font-weight:550}.ops-policy svg{height:9px;width:9px}.ops-policy.admin{background:#f3e6c9;color:#96702e;border-color:#dac391;font-weight:700}.ops-node-hover{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);width:240px;text-align:left;z-index:10;background:#fff;border:1px solid #dce5dd;box-shadow:0 12px 30px #153c2118;border-radius:12px;padding:14px;pointer-events:none}.ops-node:hover{z-index:5}.ops-node:hover .ops-node-hover{display:block}.ops-node-hover b{font-size:12px}.ops-node-hover p{font-size:11px;color:#64786a;margin:7px 0}.ops-node-hover span,.ops-node-hover small{display:block;font-size:10px;color:#8c9a91;margin-top:6px}.ops-canvas-search{position:absolute;top:16px;left:16px;z-index:7;display:flex;align-items:center;gap:8px;background:#ffffffea;padding:7px 10px;border:1px solid #e2e8e1;border-radius:10px;box-shadow:0 4px 12px #12382106}.ops-canvas-search svg{color:#a3b2a5}.ops-canvas-search input{border:0;background:transparent;width:150px;font-size:12px;padding:3px}.ops-canvas-search select{border:0;background:#f0f5ef;font-size:10px;width:130px;min-height:26px}.ops-canvas-controls{position:absolute;bottom:44px;left:18px;z-index:7;background:#fff;border:1px solid #e0e7dd;box-shadow:0 3px 10px #183b1c0b;border-radius:10px;display:flex;align-items:center;gap:2px;padding:4px}.ops-canvas-controls span{font-size:10px;color:#8f9f94;min-width:35px;text-align:center}.ops-minimap{position:absolute;width:145px;height:95px;right:18px;bottom:44px;background:#ffffffdc;border:1px solid #e0e7dd;border-radius:10px;pointer-events:none;padding:7px}.ops-canvas-footer{position:absolute;bottom:0;left:0;right:0;padding:8px 16px;display:flex;justify-content:space-between;background:#ffffffdf;color:#90a091;font-size:9px;border-top:1px solid #e8eee7;gap:10px}#ops-wire-message{position:absolute;top:68px;left:18px;background:#eff2e9;color:#6d795d;font-size:11px;border-radius:8px;z-index:8;padding:5px 9px}#ops-wire-message:empty{display:none}.ops-inspector{border-left:1px solid var(--line);overflow:auto;height:660px;background:#fff}.fullscreen .ops-inspector{height:calc(100vh - 150px)}.ops-inspector header{display:flex;align-items:center;gap:9px;padding:18px 16px}.ops-inspector header>div{flex:1}.ops-inspector h3{font-size:13px;line-height:1.4}.ops-inspector header small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#90a092}.ops-inspector-glyph,.ops-category-symbol{background:color-mix(in srgb,var(--node) 10%,white);color:var(--node);border-radius:10px;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0}.ops-inspector-tabs{display:flex;border-block:1px solid #e6ece4;padding:0 12px;gap:12px}.ops-inspector-tabs button{font-size:10px;padding:10px 0;color:#99a59b;border-bottom:2px solid transparent}.ops-inspector-tabs button.active{border-color:#488263;color:#488263}.ops-inspector-tabs span{font-size:8px;margin-left:3px}.ops-inspector-body{padding:16px;display:flex;flex-direction:column;gap:16px}.ops-inspector-idle{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 22px;gap:12px;color:#829485}.ops-inspector-idle>svg{height:32px;width:32px;border:1px solid #cfdfce;border-radius:50%;padding:7px;color:#517d5d}.ops-inspector-idle strong{font-size:14px;color:#47614d}.ops-inspector-idle span{font-size:11px}.ops-inspector-idle small{font-size:10px;line-height:1.7}.ops-legend{display:flex;flex-direction:column;gap:12px;align-self:stretch;text-align:left;margin:26px 6px}.ops-legend span{display:flex;align-items:center;gap:9px}.ops-legend i,.ops-port-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.ops-observation{display:grid;grid-template-columns:8px 1fr;gap:5px 7px;font-size:11px;color:#8c9b91;padding:12px;background:#f5f7f3;border-radius:10px}.ops-observation small{grid-column:2;font-size:9px}.ops-health-dot{height:7px;width:7px;border-radius:50%;background:#a7b0a8;align-self:center}.ops-observation.healthy .ops-health-dot{background:#5c9c75}.ops-property-list{display:flex;flex-direction:column;border-top:1px solid #e5ece3}.ops-property-list label{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;color:#829487;padding:10px 0;border-bottom:1px solid #edf1eb}.ops-property-list input,.ops-property-list select{width:132px;font-size:10px;min-height:28px;padding:4px 6px}.ops-inspector-body label>input{width:100%;margin-top:5px;font-size:12px}.ops-inspector-body .ops-property-list label>input{width:132px;margin:0}.ops-policy-list{display:flex;flex-direction:column;gap:7px}.ops-policy-list .ops-policy{font-size:9px;border-radius:5px;padding:6px}.ops-evidence{font-size:10px;color:#6c816e}.ops-evidence pre{font:10px/1.8 monospace;background:#f2f6f0;padding:9px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.ops-inspector-body .production-event-list{font-size:10px}.ops-inspector-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.ops-route{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border:1px solid #e5ece3;border-radius:10px;font-size:12px}.ops-port-directory>h4{margin:14px 0 8px;font-size:9px;color:#899b8a}.ops-port-directory>div{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:10px}.ops-port-directory small{margin-left:auto;color:#99aa9d}.ops-connected-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.ops-connected-list button{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid #edf1eb;font-size:10px;text-align:left}.ops-connected-list small{margin-left:auto;color:#96a397}.ops-save-boundary{padding:10px 16px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);font-size:10px;color:#99a398}.ops-save-boundary svg{width:13px;height:13px}.ops-inventory>.between{margin-bottom:20px}.ops-inventory h2{font-size:21px;margin-top:6px}.ops-inventory details{border-bottom:1px solid #e0e7dd}.ops-inventory summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:13px 4px;list-style:none}.ops-inventory summary b{font-size:12px;font-weight:600}.ops-inventory summary>span:not(.ops-category-symbol){font-size:10px;color:#a0afa1;margin-left:auto}.ops-inventory summary>svg{width:13px}.ops-inventory-items{padding:4px 0 12px 44px}.ops-inventory-items button{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;border-top:1px solid #eaf0e7;text-align:left;cursor:grab}.ops-inventory-items button:hover{background:#f1f6ee}.ops-inventory-items strong{font-size:11px;font-weight:550;flex:1}.ops-inventory-items .ops-category-symbol{height:24px;width:24px;border-radius:7px}.ops-inventory-items .ops-category-symbol svg{height:13px;width:13px}.ops-registry-state{border-radius:12px;font-size:9px;padding:3px 8px;color:#8b9b8e;border:1px solid #dfe6db;min-width:54px;text-align:center}.ops-registry-state.active{background:#e9f2e6;color:#6a9465}.ops-library-health{font-size:10px;color:#9ca99d;min-width:110px}.ops-library-health.healthy{color:#6a9465}.ops-inventory-items>button>svg{width:12px;color:#9aaa9a}@media(max-width:1100px){.ops-canvas-layout{grid-template-columns:minmax(0,1fr) 230px}.ops-lenses button{font-size:10px;padding:7px 8px}.ops-toolbar .btn{font-size:11px}.ops-canvas-search select{display:none}.ops-canvas-footer span:last-child{display:none}.ops-page-head>.row{flex-wrap:wrap;justify-content:flex-end}.ops-status-pill{font-size:9px}.ops-property-list label{flex-direction:column;align-items:flex-start}.ops-inspector-body .ops-property-list label>input,.ops-property-list select{width:100%}}@media(max-width:760px){.ops-canvas-layout{display:block}.ops-viewport{height:540px}.ops-inspector{height:auto;max-height:420px;border-left:0;border-top:1px solid var(--line)}.ops-inspector-idle{display:none}.ops-toolbar{flex-wrap:wrap;height:auto}.ops-lenses{flex:1;overflow:auto}.ops-toolbar-actions{margin-left:auto}.ops-library-health{display:none}.ops-inventory-items{padding-left:0}.ops-inventory-items button{gap:6px}.ops-page-head{align-items:flex-start}.ops-page-head>.row>.btn{display:none}.ops-property-list label{flex-direction:row;align-items:center}.ops-inspector-body .ops-property-list label>input,.ops-property-list select{width:140px}.ops-root.fullscreen{overflow:auto}.fullscreen .ops-viewport{height:65vh}.fullscreen .ops-inspector{height:auto}.ops-save-boundary{font-size:9px}}

@media(min-width:761px){.ops-root:not(.has-selection) .ops-canvas-layout{grid-template-columns:minmax(0,1fr)}.ops-root:not(.has-selection) .ops-inspector{display:none}}
.ops-node-name{font-size:max(13px,min(26px,calc(10px / var(--zoom,1))))}.ops-node-meta{font-size:max(9px,min(16px,calc(7px / var(--zoom,1))))}.ops-node-meta .ops-env{font-size:inherit}.ops-node-protocols .ops-policy{font-size:max(8px,min(14px,calc(6px / var(--zoom,1))))}.ops-wire.observed .ops-wire-line{stroke-dasharray:7 3;animation:ops-recorded-flow 1.6s linear infinite}@keyframes ops-recorded-flow{to{stroke-dashoffset:-20}}@media(prefers-reduced-motion:reduce){.ops-wire.observed .ops-wire-line{animation:none}}

.ops-lenses button{flex-shrink:0;white-space:nowrap}.ops-toolbar-actions{flex-shrink:0}@media(max-width:760px){.ops-lenses{flex-basis:100%;width:100%;min-width:0}.ops-toolbar-actions{margin-left:0;width:100%;justify-content:flex-end}}

/* Engine interaction v2: inspect first, deliberate editing, focus without hiding context. */
.ops-toolbar{height:auto;min-height:64px;flex-wrap:wrap}.ops-toolbar-actions .btn[hidden],.ops-toolbar-actions .icon-btn[hidden]{display:none}.ops-toolbar-actions{gap:6px}.ops-toolbar-actions>[data-ops-action="edit"][aria-pressed="true"]{background:#e6f1e9;color:#225c41;border-color:#bfd9c8}.ops-status-pill{font-variant-numeric:tabular-nums}.ops-status-pill>span{color:#788d80;font-weight:400}.ops-category-focus{display:flex;gap:6px;padding:11px 16px;overflow:auto;border-bottom:1px solid #e4ece6;scrollbar-width:thin;background:#fcfdfb}.ops-category-focus button{display:inline-flex;gap:7px;align-items:center;flex-shrink:0;padding:7px 10px;border-radius:20px;font-size:11px;color:#697e72;border:1px solid transparent;white-space:nowrap}.ops-category-focus button:hover{background:#f0f5f0}.ops-category-focus button[aria-pressed="true"]{background:color-mix(in srgb,var(--node,#347d73) 9%,white);color:var(--node,#285a45);border-color:color-mix(in srgb,var(--node,#347d73) 28%,white);font-weight:650}.ops-category-focus i{height:7px;width:7px;border-radius:50%;background:var(--node)}.ops-category-focus svg{width:13px;height:13px}.ops-category-focus small{font-size:9px;opacity:.7}.ops-viewport{height:700px;background-color:#f7f9f6;background-image:radial-gradient(#d0ded3 .7px,transparent .7px);background-size:26px 26px;contain:layout paint}.ops-root.fullscreen .ops-viewport{height:calc(100vh - 200px)}.ops-root.fullscreen .ops-inspector{height:calc(100vh - 200px)}.ops-inspector{height:700px}.ops-canvas-layout{position:relative;display:block}.ops-inspector{position:absolute;z-index:10;top:0;right:0;width:310px;box-shadow:-8px 0 30px #213d2c0b;display:none}.ops-root.has-selection .ops-inspector{display:block}.ops-root.has-selection .ops-canvas-controls{max-width:calc(100% - 350px)}.ops-root:not(.has-selection) .ops-canvas-layout{display:block}.ops-map-options{display:flex;gap:6px;position:absolute;top:16px;right:16px;z-index:7}.ops-map-options button{display:flex;align-items:center;gap:5px;background:#fffffff2;border:1px solid #dfe8df;border-radius:8px;padding:8px 10px;font-size:10px;color:#708374}.ops-map-options button[aria-pressed="true"]{background:#e8f0e7;color:#315c40;border-color:#becfbc}.ops-map-options svg{width:13px;height:13px}.has-selection .ops-map-options{right:326px}.ops-canvas-search{height:36px;box-shadow:none}.ops-canvas-search input{width:180px}.ops-canvas-controls{bottom:44px;left:16px;gap:4px;padding:5px}.ops-tool-switch{display:flex;align-items:center;gap:3px;border-right:1px solid #e3e9e2;margin-right:4px;padding-right:7px}.ops-tool-switch button{font-size:10px;color:#758579;display:flex;gap:4px;align-items:center;padding:6px 8px;border-radius:6px;white-space:nowrap}.ops-tool-switch svg{height:13px;width:13px}.ops-tool-switch button[aria-pressed="true"]{background:#e9f1e8;color:#366245}.ops-canvas-footer{font-size:10px;padding:9px 16px}.ops-canvas-footer span:first-child{font-weight:600;color:#5b7663}.ops-node{cursor:pointer;transition:opacity .12s;min-height:210px}.ops-root.editing .ops-node{cursor:grab}.ops-viewport.pan-tool .ops-node{cursor:grab}.ops-node.focus-dim{opacity:.12}.ops-node.focus-context{opacity:.45}.ops-node.wire-dim{opacity:.12}.ops-node.wire-source,.ops-node.wire-target{opacity:1}.ops-node.focus-dim:hover,.ops-node.focus-dim:focus-visible{opacity:.7}.ops-node .ops-shape{filter:none}.ops-node.selected .ops-shape,.ops-node.wire-target .ops-shape{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--node) 20%,transparent))}.ops-node.selected .ops-shape>*{stroke-width:2}.ops-node.wire-target .ops-shape>*{stroke-width:2.5;stroke:var(--node)}.ops-node:focus-visible .ops-shape>*{stroke:#234e37;stroke-width:3}.ops-node-name{font-size:max(13px,min(27px,calc(11px / var(--zoom,1))));line-height:1.32;margin-top:6px}.ops-node-meta{font-size:max(9px,min(17px,calc(8px / var(--zoom,1))));gap:6px}.ops-node-protocols{margin-top:7px}.overview-zoom .ops-node-protocols{display:none}.overview-zoom .ops-node-meta .ops-env{display:none}.ops-node.planned .ops-health{background:#ecefed;color:#829087}.ops-node.planned .ops-node-meta{color:#7f8e83}.ops-health{border-width:2px;left:149px;top:19px;width:22px;height:22px}.ops-port{width:20px;height:20px;font-size:15px;border-width:1.8px;box-shadow:0 0 0 3px #f7f9f6;visibility:hidden;opacity:0;transition:opacity .1s;pointer-events:none}.ops-port.inputs{left:-15px}.ops-port.outputs{right:-15px}.ops-root.editing .ops-port,.ops-node.selected .ops-port{visibility:visible;opacity:.8}.ops-root.editing .ops-port{pointer-events:auto}.ops-port:disabled{cursor:default}.ops-node .ops-port small{position:absolute;white-space:nowrap;top:-28px;padding:4px 7px;font-size:12px;font-weight:600;background:#fff;color:var(--port);border:1px solid var(--port);border-radius:6px;display:none;pointer-events:none}.ops-port.outputs small{right:0}.ops-port.inputs small{left:0}.ops-port:hover:not(:disabled) small,.ops-port:focus-visible small{display:block}.ops-port.compatible{visibility:visible;opacity:1;background:var(--port);color:white;box-shadow:0 0 0 7px color-mix(in srgb,var(--port) 18%,transparent);transform:scale(1.25);cursor:crosshair}.ops-root.wiring .ops-node{cursor:default}.ops-root.wiring .ops-port:not(.compatible){opacity:.28}.ops-root.wiring .ops-node-hover,.ops-root.moving-node .ops-node-hover{display:none}.ops-node-hover{top:115px;left:220px;transform:none;width:260px;font-size:12px}.ops-node-hover small{font-variant-numeric:tabular-nums}.overview-zoom .ops-node-hover{display:none}.ops-wire-line{stroke-width:1.6;opacity:.24;stroke-dasharray:6 7}.ops-wire.related .ops-wire-line{stroke-width:2.4;opacity:.8}.ops-wire.dim{opacity:.1}.ops-wire.planned .ops-wire-line{opacity:.18;stroke-dasharray:3 9}.ops-wire.selected .ops-wire-line{stroke-width:3;opacity:1;stroke-dasharray:none}.ops-wire:hover .ops-wire-line{opacity:.85}.ops-wire-hit{stroke-width:16}.ops-wire-label[hidden],.ops-wire-preview[hidden]{display:none}.ops-wire-label{pointer-events:none}.ops-root.wiring .ops-wire-hit{pointer-events:none}.ops-wire-preview{stroke-width:2.5;stroke-dasharray:6 4;opacity:.95}.ops-host-link{opacity:.2}.ops-wire.observed .ops-wire-line{opacity:.95;stroke-width:2.1;stroke-dasharray:8 4;animation:ops-recorded-flow 1.6s linear infinite}.ops-wire.planned.observed .ops-wire-line{animation:none;opacity:.18}.ops-minimap{width:126px;height:86px;opacity:.8}.has-selection .ops-minimap{display:none}#ops-wire-message{top:65px;left:16px;max-width:calc(100% - 32px);background:#fff;border:1px solid #cadcca;color:#315c3e;box-shadow:0 6px 20px #1d3b2615;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:11px}#ops-wire-message:empty{display:none}#ops-wire-message i{width:7px;height:7px;border-radius:50%;flex-shrink:0}#ops-wire-message button{margin-left:8px;display:grid;place-items:center}#ops-wire-message svg{width:14px;height:14px}.ops-root.moving-node .ops-node{transition:none}.ops-inspector-tabs button{font-size:11px}.ops-inspector header{padding:18px}.ops-inspector h3{font-size:14px}.ops-inspector header small{font-size:10px}.ops-inspector-body{padding:18px;gap:16px}.ops-property-list label{font-size:11px}.ops-property-list select,.ops-property-list input{font-size:11px;padding:6px;min-height:32px}.ops-observation{font-size:12px}.ops-observation small{font-size:10px}.ops-inventory{content-visibility:auto;contain-intrinsic-size:auto 720px}.ops-inventory-items strong{font-size:12px}.ops-inventory-items button{cursor:pointer}.editing~.ops-inventory .ops-inventory-items button{cursor:grab}.ops-library-health{font-size:11px}.ops-registry-state{min-width:72px}.ops-registry-state.planned{background:#f2f3f1;color:#748471}.ops-save-boundary{font-size:10px;color:#829081;padding:10px 16px;line-height:1.5}.ops-root button:focus-visible{outline:2px solid #428366;outline-offset:3px}.ops-inspector-body button:disabled{opacity:.5;cursor:default}.ops-property-list input:disabled,.ops-property-list select:disabled{background:#f5f7f3;color:#6e8072}
@media(max-width:1100px){.ops-lenses button{font-size:11px}.ops-toolbar{gap:9px}.ops-toolbar-actions{margin-left:auto}.ops-property-list label{flex-direction:row}.ops-inspector-body .ops-property-list label>input,.ops-property-list select{width:132px}.ops-category-focus{padding:9px 12px}.ops-map-options button{padding:8px}.has-selection .ops-map-options{display:none}}
@media(max-width:760px){.ops-page-head{gap:10px}.ops-status-pill{font-size:10px;padding:6px 9px}.ops-status-pill>span{display:none}.ops-viewport{height:600px}.ops-canvas-layout{display:block}.ops-inspector{position:relative;width:100%;height:auto;max-height:470px;border-left:0;box-shadow:none;border-top:1px solid var(--line)}.ops-root.has-selection .ops-canvas-controls{max-width:calc(100% - 32px)}.ops-toolbar{padding:10px}.ops-lenses{flex-basis:auto}.ops-toolbar-actions{width:auto}.ops-map-options{top:61px;right:12px}.ops-canvas-search{left:12px;right:12px}.ops-canvas-search input{width:100%;min-width:0}.ops-category-focus button{font-size:10px;padding:6px 8px}.ops-canvas-controls{left:12px;gap:1px}.ops-tool-switch button{padding:6px}.ops-minimap{right:12px;bottom:98px;width:90px;height:65px}.has-selection .ops-minimap{display:block}.ops-root.fullscreen{inset:8px}.ops-root.fullscreen .ops-viewport{height:65vh}.ops-root.fullscreen .ops-inspector{height:auto}.ops-page-head>.row>.btn{display:flex;font-size:10px}.ops-page-head>.row{gap:6px}.ops-page-head h1{font-size:28px}#ops-wire-message{top:105px;font-size:10px;flex-wrap:wrap}.ops-inventory-items button{flex-wrap:wrap}.ops-registry-state{font-size:9px}.ops-node-hover{display:none}}
@media(prefers-reduced-motion:reduce){.ops-wire.observed .ops-wire-line{animation:none}.ops-node,.ops-port{transition:none}}
.ops-target-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#44654d}.ops-target-heading>span{font-size:10px;background:#e9f2e8;border-radius:12px;padding:3px 7px}.ops-target-list{display:flex;flex-direction:column}.ops-target-list button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 0;border-bottom:1px solid #e9eee7}.ops-target-list button:hover{background:#f3f7f0}.ops-target-list button>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.ops-target-list strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.ops-target-list small{font-size:10px;color:#8a988b}.ops-target-list button>svg{width:14px;height:14px;color:#7f9781}
/* The world pans by transform. Native focus/scrollIntoView must never scroll its clipping box. */
.ops-viewport{overflow:clip}