:root{color:#17202a;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{overflow-anchor:none;min-height:100vh;margin:0}button,input{font:inherit}.workspace{overflow-anchor:none;min-height:100vh;display:grid}.graphSurface{grid-template-rows:auto 520px;gap:18px;min-width:0;padding:28px;display:grid}.graphToolbar{justify-content:space-between;align-items:end;gap:18px;display:flex}.eyebrow{color:#516171;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:34px;line-height:1.05}.toolbarControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lens,.inspectorActions button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #b8c3cc;border-radius:6px;min-height:36px;font-weight:700}.lens{min-width:86px;padding:0 12px}.lens.active,.inspectorActions button:hover{color:#fff;background:#24715d;border-color:#24715d}.zoomControl,.panelControl{color:#516171;gap:4px;min-width:112px;font-size:12px;font-weight:700;display:grid}.canvasFrame{background:#fff;border:1px solid #ced6dd;border-radius:8px;height:520px;min-height:420px;overflow:hidden}.graphCanvas{width:100%;height:100%;min-height:420px;display:block}.edge{stroke:#8b98a5;stroke-width:2px}.edge.defines,.edge.governs{stroke:#24715d}.canvasNode rect{fill:#f9fbfc;stroke:#aeb9c3;stroke-width:1.5px}.canvasNode.selected rect{fill:#eaf5f1;stroke:#24715d;stroke-width:3px}.nodeButton{color:#17202a;cursor:pointer;text-align:left;background:0 0;border:0;width:156px;height:82px;padding:10px;display:grid}.nodeButton strong,.nodeButton small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nodeKind{text-transform:uppercase;font-size:11px;font-weight:700}.nodeKind.flow{color:#1f5f90}.nodeKind.data{color:#86530f}.nodeKind.rule{color:#8f3d56}.nodeKind.view{color:#24715d}.nodeKind.version{color:#5b4c9a}.inspector{background:#fff;border-left:1px solid #d8dde3;flex-direction:column;gap:18px;min-height:300px;padding:24px;display:flex}.commandPanel{flex-direction:column;gap:12px;display:flex}.commandPanel p,.commandPanel dd{color:#516171;line-height:1.45}.commandPanel dl{grid-template-columns:96px minmax(0,1fr);gap:8px 12px;margin:0;display:grid}.commandPanel dt{font-weight:700}.commandPanel dd{margin:0}.inspectorActions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.notFound{place-items:center;min-height:100vh;display:grid}@media (max-width:800px){.workspace{grid-template-columns:1fr!important}.graphSurface{grid-template-rows:auto 460px;padding:18px}.canvasFrame,.graphCanvas{height:460px;min-height:460px}.graphToolbar{flex-direction:column;align-items:stretch}.toolbarControls{justify-content:flex-start}.inspector{border-top:1px solid #d8dde3;border-left:0}h1{font-size:28px}}
:root{--w4-bg:#f6f8fb;--w4-surface:#fff;--w4-surface-strong:#eef4f8;--w4-text:#15202b;--w4-muted:#526171;--w4-border:#c9d4df;--w4-focus:#0f766e;--w4-accent:#115e59;--w4-danger:#a1243a;--w4-warning:#7a4b00;--w4-shadow:0 18px 48px #15202b24}body{background:var(--w4-bg);color:var(--w4-text)}button,input{min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid var(--w4-focus);outline-offset:3px}.w4Workspace{background:var(--w4-bg);grid-template-columns:minmax(0,1fr) minmax(320px,380px);max-width:100vw}.w4GraphSurface{grid-template-rows:auto auto auto minmax(0,1fr);min-height:100vh;padding:18px}.w4TitleRow h1{margin:0}.w4FinderStrip,.w4LensBar{justify-content:space-between;align-items:center;gap:12px;display:flex}.w4Search{width:min(420px,100%);color:var(--w4-muted);gap:4px;font-size:12px;font-weight:700;display:grid}.w4Search input,.w4CommandPanel input{border:1px solid var(--w4-border);background:var(--w4-surface);width:100%;color:var(--w4-text);border-radius:8px;padding:0 12px}.w4StatusStrip,.w4CommandStates,.w4Markers{flex-wrap:wrap;gap:8px;display:flex}.w4StatusStrip span,.w4CommandStates span,.marker{border:1px solid var(--w4-border);background:var(--w4-surface);color:var(--w4-muted);border-radius:6px;padding:6px 8px;font-size:12px;font-weight:700}.w4LensBar{flex-wrap:wrap;justify-content:flex-start}.w4Lens{border:1px solid var(--w4-border);background:var(--w4-surface);color:var(--w4-text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.w4Lens span,.w4IconButton{background:var(--w4-surface-strong);width:28px;height:28px;color:var(--w4-accent);border-radius:6px;place-items:center;font-weight:800;display:inline-grid}.w4Lens.active{border-color:var(--w4-accent);background:var(--w4-accent);color:#fff}.w4Lens.active span{background:#fff}.w4Zoom{min-width:132px;color:var(--w4-muted);gap:3px;font-size:12px;font-weight:700;display:grid}.w4CanvasFrame{border-color:var(--w4-border);height:min(68vh,620px);min-height:480px;box-shadow:inset 0 0 0 1px #ffffffb3}.w4GraphCanvas{min-width:0}.w4NodeButton{width:164px;height:86px}.w4Inspector{border-color:var(--w4-border);max-height:100vh;box-shadow:var(--w4-shadow);position:sticky;top:0;overflow:auto}.w4Inspector.hidden{display:none}.w4InspectorHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.w4IconButton{border:1px solid var(--w4-border);cursor:pointer;flex:none}.marker.danger{color:var(--w4-danger);border-color:#e2a7b1}.marker.warning{color:var(--w4-warning);border-color:#ddb56f}.w4InspectorSection,.w4CommandPanel{border-top:1px solid var(--w4-border);gap:10px;padding-top:14px;display:grid}.w4InspectorSection h3,.w4CommandPanel h3{margin:0;font-size:14px}.w4InspectorSection dl{grid-template-columns:86px minmax(0,1fr);gap:8px;margin:0;display:grid}.w4InspectorSection dd{color:var(--w4-muted);margin:0}.w4Timeline{margin:0;padding-left:20px}.w4EmptyState p{color:var(--w4-muted)}.w5Preview,.w5Result,.w5Failure{gap:8px;display:grid}.w5Failure strong,.w5Result strong{display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:800px){html,body{max-width:100%;overflow-x:hidden}.w4Workspace{display:block;overflow-x:hidden}.w4FinderStrip{flex-direction:column;align-items:stretch}.w4GraphSurface{min-height:100vh;padding:12px}.w4CanvasFrame{height:58vh;min-height:420px}.w4Inspector{z-index:10;border-top:1px solid var(--w4-border);border-left:0;border-radius:12px 12px 0 0;min-height:260px;max-height:72vh;position:fixed;bottom:0;left:0;right:0}.w4Inspector.hidden,.w4Inspector.empty{display:none}}