/* Adaptation by Codex, 2026-11-12. Original Sim DOM/CSS retained separately. */
:root{--demo-font:Arial,"Segoe UI",sans-serif;--demo-bg:#fefefe;--demo-panel:#f8f8f8;--demo-text:#1a1a1a;--demo-border:#d8d8d8;--demo-accent:#525252;--demo-focus:#2968e9;--demo-ease:cubic-bezier(.23,1,.32,1)}
html[data-theme="dark"]{--demo-bg:#0d0d0d;--demo-panel:#202124;--demo-text:#f3f4f6;--demo-border:#62666f;--demo-accent:#b8bdc7;--demo-focus:#b9d986;--bg:#0d0d0d;--text-primary:#f3f4f6;--text-secondary:#b8bdc7;--text-muted:#b8bdc7;--text-icon:#d9dde3;--surface-2:#202124;--surface-4:#292b2f;--surface-5:#292b2f;--border-1:#62666f;--border:#62666f}
html,body{height:100%;margin:0;background:var(--demo-bg);color:var(--demo-text);font-family:var(--demo-font);overflow:hidden}body{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.demo-header,.demo-footer{position:relative;z-index:2000;background:var(--demo-panel);padding:14px 22px;border-bottom:1px solid var(--demo-border)}.demo-header{display:flex;gap:16px;align-items:center;justify-content:space-between}.demo-header h1{font:600 21px/1.2 var(--demo-font);margin:0 0 4px}.demo-header p,.demo-footer p{font:13px/1.4 var(--demo-font);margin:0;max-width:80ch}.demo-actions,.demo-zoom{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.demo-actions button,.demo-zoom button{border:1px solid var(--demo-border);border-radius:8px;background:var(--demo-bg);color:var(--demo-text);padding:8px 12px;min-height:36px;font:14px/1 var(--demo-font);cursor:pointer;transition:background-color .15s var(--demo-ease)}button:focus-visible,.extracted-node:focus-visible{outline:2px solid var(--demo-focus);outline-offset:4px}#canvas{position:relative;min-height:0;overflow:hidden;touch-action:none;cursor:grab;isolation:isolate;background:var(--demo-bg)}#world{position:absolute;inset:0;transform-origin:0 0;width:2400px;height:1100px;will-change:transform}#links{position:absolute;left:0;top:0;width:3000px;height:1600px;overflow:visible;pointer-events:none}.extracted-edge{stroke:var(--demo-border);stroke-width:2;fill:none}.extracted-node{position:absolute;left:0;top:0;width:250px;visibility:visible;touch-action:none;cursor:grab;font-family:var(--demo-font)}.extracted-node>div{animation:none}.extracted-node .workflow-drag-handle{font-family:var(--demo-font)}.extracted-node.selected{z-index:1000}.extracted-node.selected .workflow-drag-handle{filter:drop-shadow(0 0 1px var(--demo-accent))}.extracted-node:not(.selected) [data-workflow-action-bar-swell],.extracted-node:not(.selected) [data-workflow-action-bar-bridge]{visibility:hidden}.demo-footer{border-top:1px solid var(--demo-border);border-bottom:0;display:grid;grid-template-columns:1fr auto;gap:7px 16px}.demo-footer #status{grid-column:1/-1;min-height:18px;color:var(--demo-accent)}.demo-zoom output{min-width:48px;text-align:center;font:14px var(--demo-font)}html[data-detail="compact"] .extracted-node p,html[data-detail="compact"] .extracted-node [role="switch"],html[data-detail="compact"] .extracted-node .text-caption{visibility:hidden}html[data-detail="compact"] .extracted-node [data-overflow-text]{visibility:visible}
html{scrollbar-gutter:auto}.extracted-node.selected button{color:var(--demo-bg)}html[data-detail="compact"] .extracted-node [data-workflow-type-accent]{visibility:hidden}
@media(max-width:700px){.demo-header{padding:10px 12px;align-items:flex-start;flex-direction:column;gap:8px}.demo-header h1{font-size:18px}.demo-header p{font-size:12px}.demo-actions{gap:5px}.demo-actions button{padding:8px;font-size:12px}.demo-footer{padding:9px 12px;grid-template-columns:1fr}.demo-footer #help{font-size:12px}.demo-zoom{grid-row:1;justify-content:center}.demo-footer #status{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none;transition:none}}@media(hover:hover){.demo-actions button:hover,.demo-zoom button:hover{background:var(--demo-panel)}}