/* Shared engineering diagrams. All rules scoped to this component. */
.we-studio{color:var(--we-ink,#23272d);margin:24px 0;font:16px/1.5 system-ui,-apple-system,sans-serif;min-width:0}
.we-studio[hidden],.we-studio [hidden]{display:none!important}.we-studio *{box-sizing:border-box}.we-studio button,.we-studio select{font:inherit;cursor:pointer}.we-studio button:focus-visible,.we-studio select:focus-visible{outline:3px solid var(--we-accent,#0a66c2);outline-offset:4px}.we-title{font:600 25px/1.25 var(--we-font,system-ui),sans-serif!important;letter-spacing:-.035em;margin:6px 0 12px!important;color:var(--we-ink,#23272d)!important}.we-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--we-secondary,#64748b);margin:0 0 8px}.we-caption{font-size:14px;line-height:1.6;color:var(--we-muted,#536174);margin:0;max-width:85ch}.we-shell{display:grid;grid-template-columns:minmax(0,1fr) 245px;background:var(--we-surface,#f7f8fa);border:1px solid var(--we-line,#d9e1eb);border-radius:12px;margin-top:20px;overflow:visible}.we-board{position:relative;min-width:0;padding:28px 24px;background-image:radial-gradient(var(--we-grid,#bac4d33d) .8px,transparent .8px);background-size:24px 24px;border-radius:12px 0 0 12px}.we-nodes{position:relative;z-index:2;display:flex;flex-direction:column;gap:48px}.we-row{display:grid;grid-template-columns:repeat(var(--we-cols),minmax(0,1fr));gap:42px;align-items:center}.we-node{--we-tone:var(--we-interface,#1d4ed8);--we-soft:var(--we-interface-soft,#eaf1ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;width:100%;min-height:130px;padding:16px 10px;border:1px solid transparent;border-radius:10px;background:var(--we-surface,#f7f8fa);color:var(--we-ink,#23272d);text-align:center;transition:background .18s,border-color .18s,box-shadow .18s}.we-node:hover{background:var(--we-panel,#fff);border-color:var(--we-hover-line,#c5d3e4)}.we-node[data-tone=state]{--we-tone:var(--we-state,#0e7490);--we-soft:var(--we-state-soft,#e5f4f7)}.we-node[data-tone=agent]{--we-tone:var(--we-agent,#4338ca);--we-soft:var(--we-agent-soft,#eeedff)}.we-node[data-tone=explore]{--we-tone:var(--we-explore,#6d28d9);--we-soft:var(--we-explore-soft,#f1ecfc)}.we-node[data-tone=human]{--we-tone:var(--we-human,#475569);--we-soft:var(--we-human-soft,#edf0f4)}.we-symbol{display:block;width:54px;height:54px;padding:10px;border-radius:13px;background:var(--we-soft);color:var(--we-tone);flex:none}.we-symbol svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.we-node[data-tone=state] .we-symbol{border-radius:50% 50% 18% 18%}.we-node[data-tone=human] .we-symbol{border-radius:50%}.we-node-name{font-size:16px;font-weight:600;line-height:1.35;max-width:24ch;overflow-wrap:anywhere;letter-spacing:-.015em}.we-node[aria-pressed=true]{border-color:var(--we-selected-line,#7ea4d7);background:var(--we-panel,#fff);box-shadow:0 0 0 3px var(--we-selected-shadow,#0a66c20a)}.we-node.we-active{border-color:var(--we-active-line,#3a81cc);box-shadow:0 0 0 3px var(--we-active-shadow,#0a66c20b)}.we-edges{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.we-edge{stroke:var(--we-edge,#a4b2c4);stroke-width:1.45;fill:none}.we-edge.we-feedback{stroke-dasharray:5 5;stroke:var(--we-feedback,#8c9aae)}.we-edge.we-selected{stroke:var(--we-accent,#0a66c2);stroke-width:2.4}.we-packet{fill:var(--we-packet,#1475dd);stroke:var(--we-packet-halo,#c2e0ff);stroke-width:6}.we-inspector{padding:24px 21px;background:var(--we-panel,#fff);border-left:1px solid var(--we-line,#d9e1eb);border-radius:0 12px 12px 0;min-width:0}.we-inspector h3{font:600 22px/1.25 var(--we-font,system-ui),sans-serif!important;color:var(--we-ink,#23272d)!important;margin:7px 0 16px!important;letter-spacing:-.025em;overflow-wrap:anywhere}.we-description{font-size:15px;color:var(--we-muted,#536174);line-height:1.65;margin:0 0 21px}.we-inspector h4{font:600 11px/1.4 var(--we-font,system-ui),sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--we-secondary,#64748b)!important;margin:20px 0 12px!important}.we-relations{padding:0!important;margin:0!important;list-style:none!important}.we-relations li{padding:0!important;margin:0 0 8px!important}.we-relations button{display:block;background:transparent;border:0;text-align:left;color:var(--we-link,#315b89);padding:6px 0;font-size:14px;line-height:1.5;text-decoration:underline;text-decoration-color:var(--we-link-line,#c6d5e7);text-underline-offset:3px;overflow-wrap:anywhere;max-width:100%}.we-status{border-top:1px solid var(--we-divider,#e0e6ee);padding-top:16px;font-size:13px;color:var(--we-secondary,#64748b);line-height:1.6;margin-top:20px}.we-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px}.we-controls label{display:flex;flex:1 1 280px;min-width:0;flex-direction:column;gap:6px;font-size:12px;color:var(--we-muted,#536174)}.we-controls select{max-width:100%;width:100%;min-width:0;min-height:44px;border:1px solid var(--we-input-line,#c8d4e3);border-radius:6px;background:var(--we-panel,#fff);color:var(--we-input-text,#334155);padding:8px 10px;font-size:14px;text-overflow:ellipsis}.we-play{background:var(--we-accent,#0a66c2);color:var(--we-panel,#fff);border:1px solid var(--we-accent,#0a66c2);border-radius:6px;min-height:44px;padding:9px 17px;font-size:14px!important}.we-trace-label{border-left:2px solid var(--we-accent,#0a66c2);padding:10px 15px;background:var(--we-trace-surface,#edf4fc);color:var(--we-trace-text,#254d78);margin:15px 0 8px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.we-motion-note{font-size:12px;color:var(--we-secondary,#64748b);margin:0}.we-reference{margin:18px 0;border-top:1px solid var(--we-line,#d9e1eb);padding-top:14px}.we-reference>summary{cursor:pointer;min-height:44px;font-size:14px;color:var(--we-muted,#536174);padding:8px 0}.we-reference>summary:focus-visible{outline:3px solid var(--we-accent,#0a66c2);outline-offset:3px}.we-reference figure{margin-inline:0!important}.we-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.we-shell{grid-template-columns:minmax(0,1fr) 220px}.we-board{padding:25px 17px}.we-row{gap:25px}.we-inspector{padding:23px 18px}}
@media(max-width:850px){.we-shell{grid-template-columns:1fr}.we-inspector{border-left:0;border-top:1px solid var(--we-line,#d9e1eb);border-radius:0 0 12px 12px}.we-board{border-radius:12px 12px 0 0}.we-row{gap:36px}.we-relations{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.we-status{margin-bottom:0}.we-inspector h3{font-size:23px!important}}
@media(max-width:600px){.we-title{font-size:23px!important}.we-board{padding:24px 17px 24px 32px}.we-nodes{gap:29px}.we-row{grid-template-columns:1fr;gap:29px}.we-node{display:grid;grid-template-columns:48px minmax(0,1fr);text-align:left;min-height:96px;padding:13px 10px;gap:13px}.we-symbol{width:48px;height:48px;padding:9px}.we-node-name{font-size:16px;max-width:none}.we-inspector{padding:24px 20px}.we-relations{display:block}.we-description{font-size:15px}.we-controls{gap:10px}.we-controls label{flex-basis:100%}.we-play{width:100%}.we-caption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.we-studio *{transition:none!important;animation:none!important}}
@media print{.we-studio{display:none!important}.we-reference{display:block!important}.we-reference>summary{display:none}.we-reference::details-content{content-visibility:visible!important;display:block!important}.we-reference>figure{display:block!important}}

/* A self-contained themed surface stays legible inside light and dark article sections. */
.we-studio{background:var(--we-surface,#f7f8fa);padding:24px;border-radius:12px}.we-reference .wr-change>span{flex:0 0 auto}
@media(max-width:600px){.we-studio{padding:18px 12px}.we-board{padding-left:27px;padding-right:10px}.we-inspector{padding:22px 15px}}