.visual-studio .dg-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:#f5f9f7;border-bottom:1px solid #d5e4db;padding:14px 18px;flex-shrink:0}
.visual-studio .dg-heading{margin-right:auto;min-width:145px}.dg-heading b{display:block;font-size:15px;color:#2d5145}.dg-heading small{font-size:10px;color:#7b8c83}
.visual-studio .dg-toolbar button,.visual-studio .dg-selection button,.visual-studio .dg-toolbar summary,.visual-studio .dg-add{border:1px solid #d3e0d8;border-radius:7px;background:white;color:#345648;padding:8px 10px;font:11px/1.5 system-ui;cursor:pointer}
.visual-studio .dg-search{display:flex;align-items:center;gap:7px;margin:0;font-size:10px;color:#6b8277}.visual-studio .dg-search input{width:180px;margin:0;padding:7px;font-size:11px;min-width:0}.visual-studio .dg-add{width:160px;margin:0}
.visual-studio .dg-selection{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 18px;background:white;border-bottom:1px solid #e0e9e3;flex-shrink:0}
.dg-current{font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;margin-right:auto}.dg-counter{font-size:10px;color:#6c8577;margin-left:auto}
.dg-menu{position:relative}.dg-menu>div{position:absolute;right:0;top:38px;z-index:12;width:240px;padding:10px;display:grid;gap:6px;border:1px solid #d6e0da;border-radius:10px;background:white;box-shadow:0 12px 40px #24433125}.dg-menu:not([open])>div{display:none}.dg-menu button{text-align:left}.dg-toolbar button[aria-pressed=true]{background:#e4efe8;border-color:#8caf9b}
.visual-studio .dg-minimap{position:absolute;right:14px;bottom:14px;width:150px;height:110px;padding:7px;border:1px solid #ceddd3;border-radius:10px;background:#fffffff2;box-shadow:0 4px 16px #294d3515;z-index:3;cursor:crosshair;touch-action:none}.dg-minimap>span{display:block;font:9px system-ui;color:#6d8678}.dg-minimap svg{width:100%;height:82px;display:block;overflow:hidden}
.graph-node.dg-match{outline:4px solid #c9a348;outline-offset:5px}.graph-node.dg-dim{opacity:.35}.dg-edge-labels text{font:9px system-ui;fill:#537a66;paint-order:stroke;stroke:#f5f8f5;stroke-width:5px;stroke-linejoin:round;pointer-events:none}
.visual-studio .dg-list{flex:1;min-height:0;overflow:auto;padding:14px 18px;background:#f5f8f5}.visual-studio .dg-list-item{display:flex;gap:12px;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:13px;margin:0 0 8px;background:white;border:1px solid #d5e1d9;border-radius:9px;color:#2c5140;font:12px system-ui}.dg-list-item small{display:block;font:10px system-ui;color:#7d9185;margin-top:5px}.dg-list-item i{font-style:normal}.visual-studio .dg-list-item.dg-selected{border-color:#427257;background:#eaf3ec}
.visual-studio .workspace:fullscreen{width:100vw;height:100dvh!important;max-height:none!important;margin:0!important;border:0;border-radius:0;background:#f3f6f3}.workspace:fullscreen .board{min-height:0}.visual-studio .workspace:fullscreen .diagram-viewport{min-height:100px}
.visual-studio .diagram-viewport{min-height:330px}.visual-studio .graph-hint{padding-block:9px;font-size:9px}
@media(max-width:800px){.visual-studio .dg-toolbar{padding:12px;gap:6px}.dg-heading{flex-basis:100%}.visual-studio .dg-search{flex:1}.visual-studio .dg-search input{width:100%;max-width:210px}.visual-studio .dg-selection{padding:9px 12px}.dg-current{max-width:150px}.dg-counter{flex-basis:100%;margin-left:0}.visual-studio .dg-minimap{width:110px;height:85px;right:8px;bottom:8px}.dg-minimap svg{height:60px}.visual-studio .diagram-viewport{min-height:400px}}
/* Reserve room for the visible tools, map and bottom controls. */
.visual-studio.graph-composer .workspace{min-height:980px;height:calc(100dvh - 120px);max-height:1400px}
.visual-studio .dg-toolbar details{padding:0;margin:0;border:0}.visual-studio .dg-toolbar summary{list-style:none;white-space:nowrap}.visual-studio .dg-toolbar summary::after{display:none}
.visual-studio .graph-node footer a,.visual-studio .graph-node footer aside{display:none!important}
@media(max-width:1150px){.visual-studio.graph-composer .workspace{height:auto;max-height:none}.visual-studio.graph-composer .board{min-height:850px}.visual-studio .dg-list{max-height:550px}}
@media(max-width:650px){.visual-studio.graph-composer .workspace{min-height:0}.visual-studio.graph-composer .board{min-height:0}.visual-studio .dg-list{min-height:400px;max-height:550px}}

.visual-studio .workspace:fullscreen{min-height:0!important}
/* Global branding belongs to the page footer, not to a node's metadata footer. */
.visual-studio .graph-node footer yeti3-page-qr{display:none!important}

/* Canvas navigation stays visible above the map on desktop and touch screens. */
.visual-studio.graph-composer .graph-controls{flex-wrap:wrap;padding:10px 14px;background:#fff;border-bottom:1px solid #d5e4db;gap:7px}
.visual-studio .graph-controls button{font:11px system-ui;min-height:36px;padding:8px 10px;white-space:nowrap;cursor:pointer}
.visual-studio .graph-controls button[aria-pressed=true]{background:#dfeee5;border-color:#59816a;color:#254d39}
.visual-studio .graph-controls>span:last-child{display:none}
.visual-studio .graph-node{cursor:grab;touch-action:none;user-select:none}
.visual-studio .graph-hand,.visual-studio .graph-hand .graph-node,.visual-studio .graph-hand .node-drag{cursor:grab}
.visual-studio .diagram-viewport:active,.visual-studio .diagram-viewport:active .graph-node{cursor:grabbing}
@media(max-width:520px){.visual-studio.graph-composer #diagram-view{height:auto;min-height:750px}.visual-studio .graph-controls button{font-size:10px}.visual-studio .graph-controls{gap:5px}.visual-studio #zoom-value{font-size:11px}}

.visual-studio .dg-group-tools{display:flex;flex-wrap:wrap;gap:6px;padding:9px 14px;background:#eef4ff;border-bottom:1px solid #d5e1ee}.dg-group-tools button{background:#fff;border:1px solid #c6d4e5;border-radius:7px;padding:8px;font:11px system-ui;cursor:pointer}.dg-marquee{position:absolute;pointer-events:none;background:#497fff18;border:1px solid #4877e7;z-index:4}.dg-context{position:absolute;z-index:8;width:200px;padding:6px;background:#fff;border:1px solid #d6ddeb;border-radius:12px;box-shadow:0 12px 40px #18274925}.dg-context button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:6px;background:white;font:12px system-ui;cursor:pointer}.dg-context button:hover{background:#eef4ff}.dg-help{max-width:540px;width:calc(100% - 32px);border:1px solid #d6ddeb;border-radius:18px;padding:24px;color:#293b51}.dg-help::backdrop{background:#17233360;backdrop-filter:blur(4px)}.dg-help header{display:flex;justify-content:space-between;align-items:center}.dg-help h2{font:600 20px system-ui}.dg-help dt{font:600 13px system-ui;margin-top:18px}.dg-help dd{margin:5px 0;font:12px/1.7 system-ui;color:#65748c}.dg-help p{font:12px/1.7 system-ui;color:#65748c}.dg-help button{border:0;background:#edf2f8;border-radius:8px;padding:9px;cursor:pointer}.visual-studio .workspace.dg-zen{grid-template-columns:minmax(0,1fr)!important}.workspace.dg-zen>.palette,.workspace.dg-zen>.inspector{display:none!important}.visual-studio .graph-node.selected{border-color:#4b70dd;box-shadow:0 0 0 3px #567df220,0 6px 16px #23345612}.visual-studio button:focus-visible,.dg-context button:focus-visible{outline:3px solid #527aea;outline-offset:2px}.visual-studio .diagram-plane{will-change:transform}.visual-studio .dg-toolbar{background:#fafcff}.visual-studio .graph-controls button{border-radius:8px}.visual-studio .graph-controls button[aria-pressed=true]{background:#e9efff;border-color:#7190e6;color:#3458ac}

.visual-studio .dg-zoom-presets{width:auto;min-height:36px;border:1px solid #d5e1d7;border-radius:8px;background:white;padding:6px 9px;font:11px system-ui;color:#435b73}.visual-studio .dg-group-tools[hidden],.visual-studio .dg-marquee[hidden],.visual-studio .dg-context[hidden]{display:none!important}