/* Semantic geometry over CA-VIS tokens. */
.process-nav{display:flex;align-items:center;gap:24px;padding:14px 28px;background:var(--demo-bg);border-bottom:1px solid var(--studio-line);font:13px var(--demo-font);flex-wrap:wrap}.process-nav nav{display:flex;gap:6px}.process-nav a{color:var(--demo-accent);padding:10px 16px;border-radius:99px;text-decoration:none;border:1px solid transparent}.process-nav a[aria-current]{color:var(--demo-text);border-color:var(--demo-border);background:var(--demo-panel)}.process-nav label{display:flex;align-items:center;gap:10px;color:var(--demo-accent)}.process-nav select{max-width:280px;background:var(--demo-panel);color:var(--demo-text);border:1px solid var(--demo-border);padding:9px;border-radius:8px;font:13px var(--demo-font)}.prototype-note{margin-left:auto;font-size:12px;color:var(--demo-accent)}
.shape-legend{display:flex;flex-wrap:wrap;gap:20px;padding:12px 28px;background:var(--demo-bg);font:12px var(--demo-font);color:var(--demo-accent)}.shape-legend span{display:flex;align-items:center;gap:8px}.shape-legend i{display:inline-block;width:17px;height:17px;border:1px solid var(--demo-accent);border-radius:4px}.shape-legend .circle{border-radius:50%}.shape-legend .diamond{transform:rotate(45deg);border-radius:2px;width:13px;height:13px}.shape-legend .pentagon{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:var(--demo-accent)}.shape-legend .human{border-color:var(--studio-warm)}.shape-legend .capsule{border-radius:99px;width:25px}
html[data-variant="ours"] .semantic-node .account-card{padding:24px;min-height:190px}.semantic-node .account-card h2{font-size:19px;line-height:1.25}.semantic-node .card-body{font-size:14px;line-height:1.5}.semantic-node .card-note{font-size:12px}.semantic-node .step-type{font-size:12px}.semantic-node .card-button{font-size:13px;min-height:38px}.semantic-node.route-muted{opacity:.35}.semantic-node.route-active .workflow-drag-handle{box-shadow:0 0 0 2px var(--studio-accent)}
.semantic-node.shape-circle .live-border-mount,.semantic-node.shape-diamond .live-border-mount,.semantic-node.shape-capsule .live-border-mount{display:none}
.semantic-node.shape-circle .workflow-drag-handle{border:1px solid var(--demo-border);border-radius:50%;background:var(--demo-panel);width:290px;height:290px;display:flex;align-items:center;justify-content:center}.semantic-node.shape-circle .account-card{width:100%;text-align:center;padding:48px 32px!important;min-height:0!important}.semantic-node.shape-circle .card-heading{justify-content:center}.semantic-node.shape-circle .card-body{align-items:center}
.semantic-node.shape-diamond .workflow-drag-handle{background:transparent!important;border:0;width:330px;height:330px;display:flex;align-items:center;justify-content:center}.semantic-node.shape-diamond .workflow-drag-handle:before{content:'';position:absolute;inset:49px;transform:rotate(45deg);border:1px solid var(--demo-border);border-radius:16px;background:var(--demo-panel);z-index:0}.semantic-node.shape-diamond .account-card{padding:74px 56px!important;min-height:0!important;text-align:center;width:100%}.semantic-node.shape-diamond .card-heading{justify-content:center}.semantic-node.shape-diamond .step-number{display:none}
.semantic-node.shape-capsule .workflow-drag-handle{border-radius:48px;border:1px solid var(--demo-border);background:var(--demo-panel)}.semantic-node.shape-capsule .account-card{padding:30px!important}.semantic-node.shape-human .workflow-drag-handle{box-shadow:inset 3px 0 var(--studio-warm);border-radius:16px}.semantic-node.shape-human .step-type{color:var(--studio-warm)}
html[data-variant="ours"] .semantic-node.pentagon-card .account-card{min-height:420px;padding:64px 70px 78px}.semantic-node.pentagon-card .account-card h2{white-space:normal}.semantic-node .account-toolbar{opacity:1;pointer-events:auto}.semantic-node [data-workflow-action-bar-swell]{visibility:visible!important}.semantic-node .account-toolbar button{font-size:17px}
#canvas{min-height:360px;flex:1}.demo-footer{gap:12px;flex-wrap:wrap}.demo-zoom{flex-wrap:wrap}.demo-header{gap:18px}.demo-header p{max-width:65ch}.demo-actions{flex-wrap:wrap}.demo-actions button:focus-visible,.demo-zoom button:focus-visible,.process-nav a:focus-visible,.semantic-node:focus-visible{outline:2px solid var(--demo-focus);outline-offset:4px}.semantic-node [data-result]{font-size:13px;line-height:1.5;color:var(--demo-accent)}
@media(max-width:700px){.process-nav{padding:12px 16px;gap:12px}.process-nav nav{width:100%}.process-nav a{padding:10px 12px}.process-nav label{flex-wrap:wrap}.prototype-note{margin-left:0}.shape-legend{padding:10px 16px;gap:12px}.demo-header p{font-size:12px}.demo-footer #help{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
body{display:flex;flex-direction:column}#canvas{min-height:0}#world{width:3100px;height:1200px}.demo-header,.process-nav,.shape-legend,.demo-footer{flex-shrink:0}
.extracted-edge[data-kind="data"]{stroke-dasharray:5 6;stroke:var(--studio-lilac)}.semantic-node.route-muted{opacity:.58}.shape-legend span:first-child{color:var(--studio-lilac)}
.edge-label{fill:var(--demo-accent);font:14px var(--demo-font)}.extracted-edge[data-kind="denied"]{display:none;stroke:var(--studio-warm);stroke-dasharray:8 6}html[data-case="denied"] .extracted-edge[data-kind="denied"]{display:block}html[data-case="denied"] .extracted-edge:not([data-kind="denied"]):not([data-source="input"]):not([data-source="review"]){opacity:.15}html[data-case="normal"] .extracted-edge[data-target="question"],html[data-case="normal"] .extracted-edge[data-source="question"]{opacity:.25}html[data-case="issue"] .extracted-edge[data-target="normal"],html[data-case="issue"] .extracted-edge[data-source="normal"],html[data-case="pending"] .extracted-edge[data-target="normal"],html[data-case="pending"] .extracted-edge[data-source="normal"],html[data-case="swapped"] .extracted-edge[data-target="normal"],html[data-case="swapped"] .extracted-edge[data-source="normal"]{opacity:.25}
#links{color:var(--demo-accent)}
.semantic-node .group.relative{position:relative}.semantic-node .workflow-drag-handle{position:relative;background:var(--demo-panel);border-radius:16px}.semantic-node .toolbar-wrap{position:absolute;top:-28px;right:0;height:28px;z-index:40}.semantic-node [data-workflow-action-bar-swell]{position:relative;right:16px!important;height:28px;width:max-content}.semantic-node.pentagon-card .toolbar-wrap{right:50%;transform:translateX(50%)}.semantic-node.pentagon-card [data-workflow-action-bar-swell]{top:0!important;right:auto!important;transform:none!important}.semantic-node [data-workflow-action-bar-bridge]{position:absolute;inset-inline:0;top:-28px;height:28px}
.semantic-node.pentagon-card .workflow-drag-handle{background:transparent}