/* Scientific IDE layout. Commands, diagram and diagnostic panels each own a row. */
.studio-layout{--studio-border:#304656;--studio-panel:#13212d;--studio-muted:#a9bdcb}
.studio-layout.gb-guided .body,.studio-layout.gb-pro .body{grid-template-columns:300px minmax(320px,1fr) 330px!important;grid-template-rows:minmax(300px,1fr) auto auto!important;gap:8px!important;padding:8px!important}
.studio-layout .body>.sidebar.left,.studio-layout .body>.sidebar.right{grid-row:1/4!important;border:1px solid var(--studio-border)!important;border-radius:5px!important;background:#101e2a!important;min-width:0!important;overflow:auto!important}
.studio-layout.gb-guided .body>.sidebar.right{display:block!important;grid-column:3!important}
.studio-layout .sidebar.right>:not(#studioInspector){display:none!important}.studio-layout .sidebar.right>#studioInspector{display:block!important}
.studio-layout .body>.center{grid-column:2!important;grid-row:1!important;border-radius:4px!important;min-height:300px!important}
.studio-layout .body>.gb-live-strip{grid-column:2!important;grid-row:3!important;margin-top:0!important;border-radius:4px!important;padding:9px 12px!important}
/* One horizontal ribbon, never wrapped over the diagram. Horizontal scroll on smaller screens. */
.studio-layout .app>.gb-canvas-tools{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;padding:5px 14px!important;min-height:66px!important;max-width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;background:linear-gradient(#192b38,#10202c)!important;border:0;border-top:1px solid #243c4d;border-bottom:1px solid #38515f;border-radius:0!important;z-index:35;scrollbar-width:thin;scrollbar-color:#536e81 #10202c}
.studio-tool-group{display:flex;gap:3px;align-items:stretch;flex-wrap:nowrap;flex:none;padding:0 10px;border-right:1px solid #354957}.studio-tool-group:first-child{padding-left:0}.studio-tool-group:last-child{border-right:0;margin-left:auto;padding-right:0}
.studio-layout .gb-canvas-tools .studio-tool-group>button{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:none;min-width:52px;min-height:54px!important;padding:6px 8px!important;font:10px/1.15 system-ui!important;white-space:nowrap;background:transparent!important;color:#d9e7f0!important;border:1px solid transparent!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer}
.studio-layout .gb-canvas-tools .studio-tool-group>button>svg{width:21px;height:21px;flex:none;color:#90c5ea}.studio-layout .gb-canvas-tools .studio-tool-group>button:hover{border-color:#6d94ac!important;background:#243f51!important}.studio-layout .gb-canvas-tools .studio-tool-group>button:focus-visible{outline:2px solid #57d5e7;outline-offset:-2px}.studio-layout .gb-canvas-tools .studio-tool-group>button[title=Debug]>svg{color:#fb8376}.studio-layout .gb-canvas-tools .studio-tool-group>button[title="Pathway Explorer"]>svg{color:#63d6c6}
.studio-layout.gb-pro .gb-canvas-tools .studio-tool-group:last-child>button:last-child,.studio-layout.gb-guided:not(.gb-pro) .gb-canvas-tools .studio-tool-group:last-child>button:first-child{background:#184968!important;border-color:#4b9cc5!important;color:white!important}
.studio-layout .gb-canvas-tools .gb-tool-spacer{display:none}.studio-layout #viewport .empty{top:50%}.studio-layout .gb-arrow-status{top:12px}
/* Toolbox tree: roomy rows and a single clear group hierarchy. */
.studio-layout .toolbox{margin:0!important;padding:12px!important;border:0!important;border-bottom:1px solid var(--studio-border)!important;border-radius:0!important;background:transparent!important}.studio-layout .toolbox h3{font:600 13px system-ui;margin:2px 0 15px;color:#e3eef5}.studio-layout .toolbox details{margin-bottom:5px}.studio-layout .toolbox summary{padding:10px 3px!important;font-size:11px!important;letter-spacing:.04em}.studio-layout .toolbox summary::after{content:'+'!important;font:17px system-ui!important}.studio-layout .toolbox details[open]>summary::after{content:'−'!important}.studio-layout .toolbox details[open]>summary{color:#72c7ee}.studio-layout .tool-buttons{display:grid;grid-template-columns:1fr;gap:2px}.studio-layout .tool-buttons button{display:flex;align-items:center;gap:10px;min-height:30px;padding:6px 9px!important;border:1px solid transparent!important;background:transparent!important;text-align:left;font:12px system-ui!important;white-space:normal;border-radius:4px!important;color:#ccdeea}.studio-layout .tool-buttons button:hover{background:#203b4d!important;border-color:#456781!important}.studio-layout .tool-buttons svg{width:15px;height:15px;flex:none;color:#79c9f3}.studio-layout .library{max-height:none!important}.studio-layout .library .libitem{min-width:0}.studio-layout .sidebar.left .searchwrap{min-width:0;margin:10px!important}
/* Inspector mirrors the selected entity and preserves real provenance. */
.studio-inspector{font:12px/1.5 system-ui;color:#dae6ee;padding:0 12px 18px}.studio-inspector h2{font:650 17px/1.3 system-ui;overflow-wrap:anywhere;margin:3px 0}.studio-inspector h3{font-size:13px;margin-top:20px}.studio-selection-heading{display:flex;gap:12px;align-items:center;padding:8px 0 16px;border-bottom:1px solid #304656;margin-bottom:15px}.studio-selection-icon{display:grid;place-items:center;flex:none;width:40px;height:42px;border-radius:7px;border:1px solid #4c99d4;background:linear-gradient(135deg,#7ebffe,#3e79c0);color:white}.studio-selection-icon svg{width:24px;height:24px}.studio-eyebrow{font:9px/1.4 system-ui;letter-spacing:.09em;color:#93b2c7;margin:0}.studio-muted{color:var(--studio-muted)}
.studio-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 -12px 12px;padding:0;background:#122331;border-bottom:1px solid #355164}.studio-tabs button{justify-content:center;font-size:10px!important;padding:10px 2px!important;border:0!important;border-right:1px solid #263e50!important;border-radius:0!important;background:transparent!important}.studio-tabs button svg{display:none}.studio-tabs [aria-pressed=true]{background:linear-gradient(#29567c,#1b405d)!important;border-bottom:2px solid #51c9ed!important;color:white!important}
.studio-field{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;margin:8px 0;align-items:start}.studio-field>span{font-weight:500;color:#a9bdcb;padding-top:7px}.studio-field>div,.studio-field textarea{box-sizing:border-box;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f1c28;border:1px solid #344b5a;border-radius:4px;padding:7px;font:12px/1.5 system-ui;color:#e2edf5}.studio-field textarea{width:100%;resize:vertical;min-height:35px}.studio-reference{overflow-wrap:anywhere;padding:9px;background:#152a3c;border-radius:5px}.studio-inspector button,.studio-dock button{display:inline-flex;align-items:center;gap:6px;background:#1a3143;color:#dae9f2;border:1px solid #34576f;border-radius:4px;padding:7px 9px;font:11px system-ui;cursor:pointer}.studio-inspector button svg,.studio-dock button svg{width:15px;height:15px;flex:none}.studio-inspector button:hover,.studio-dock button:hover{background:#264b64;border-color:#58b9dc}.studio-properties>button{width:100%;text-align:left;margin:4px 0;line-height:1.5}.studio-inspector>button{display:none}.studio-inspector button:focus-visible{outline:2px solid #5ee1ec;outline-offset:2px}
/* Diagnostic dock occupies its own grid row; it never obscures nodes or arrows. */
.studio-dock[hidden]{display:none!important}.studio-dock{position:relative!important;inset:auto!important;grid-column:2;grid-row:2;min-height:0;height:230px;max-height:32vh;z-index:2;background:#11212e;border:1px solid #3a5364;border-radius:4px;display:flex;flex-direction:column;font:12px/1.5 system-ui;color:#d9e8f0;overflow:hidden}.studio-dock>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 7px 0 0;border-bottom:1px solid #345267;background:#192d3b;flex:none;min-height:35px}.studio-dock>header>strong{font-size:10px;color:#a9c0ce;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-dock-tabs{display:flex;gap:0;flex:none}.studio-dock-tabs button{border:0;border-right:1px solid #304c60;border-radius:0;background:none;min-height:35px;font-size:10px;padding:7px}.studio-dock-tabs [aria-pressed=true]{background:#254967;border-bottom:2px solid #5ac8e3}.studio-dock>header>button{font-size:0;padding:6px}.studio-dock-body{overflow:auto;padding:10px;min-height:0}.studio-dock-body input{box-sizing:border-box;width:100%;padding:7px;background:#0e1d2b;color:#e1edf6;border:1px solid #426175;border-radius:4px}.studio-issue,.studio-pathway{padding:9px;border-bottom:1px solid #2a485b}.studio-issue p{margin:4px 0}.studio-issue.warning strong{color:#f5c16c}.studio-issue.error strong{color:#ff939e}.studio-pathway{display:grid;grid-template-columns:1fr auto;gap:3px}.studio-pathway small{grid-column:1;color:#a3bacd}.studio-pathway button{grid-column:2;grid-row:1/3}
/* Pro reference: bright drawing surface, restrained category colors, dark IDE chrome. */
.studio-layout.gb-pro .body>.center{background:#f4f8fc!important}.studio-layout.gb-pro .dots{opacity:1!important;background-color:#f4f8fc!important;background-image:linear-gradient(#b8c9d522 1px,transparent 1px),linear-gradient(90deg,#b8c9d522 1px,transparent 1px)!important;background-size:20px 20px!important}.studio-layout.gb-pro .pnode[data-category] .nodecontent{background:linear-gradient(130deg,rgba(var(--role-rgb),.24),rgba(var(--role-rgb),.09)),#fff!important;box-shadow:0 2px 6px #153b5e18!important}.studio-layout.gb-pro .pnode[data-category] .nodename{color:#153246!important}.studio-layout.gb-pro .pnode[data-category] .nodekind{color:#365f75!important}.studio-layout.gb-pro .pnode .gb-node-icon{color:#246580!important}.studio-layout.gb-pro .edge-label{fill:#28485e!important;stroke:#f4f8fc!important;stroke-width:4px!important}.studio-layout.gb-pro #edges>g>path:not(.link-hit){stroke:#52798c!important}.studio-layout.gb-pro .canvasfooter{color:#4d6b7f!important}.studio-layout.gb-pro .canvasfooter .gb-legend{color:#4d6b7f}.studio-layout.gb-pro #viewport .empty{color:#203f56}.studio-layout.gb-pro #viewport .empty p,.studio-layout.gb-pro #viewport .empty-note{color:#507089}
.team-member{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #35556a;flex-wrap:wrap}.team-member strong{overflow-wrap:anywhere;flex:1}.team-member small{color:#91b7ca}.team-member button{margin:0!important}.gb-dialog input,.gb-dialog select,.gb-dialog textarea{max-width:100%;box-sizing:border-box}
@media(min-width:1101px) and (max-width:1350px){.studio-layout.gb-guided .body,.studio-layout.gb-pro .body{grid-template-columns:280px minmax(280px,1fr) 300px!important}.studio-field{grid-template-columns:73px minmax(0,1fr)}.studio-tool-group{padding:0 7px}.studio-layout .gb-canvas-tools .studio-tool-group>button{min-width:47px;padding:5px!important}.studio-dock>header>strong{display:none}}
@media(max-width:1100px){.studio-layout.gb-guided .body,.studio-layout.gb-pro .body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(280px,1fr) auto auto!important;padding:6px!important}.studio-layout .body>.center,.studio-layout .body>.gb-live-strip,.studio-dock{grid-column:1!important}.studio-layout.gb-guided .body>.sidebar.right{display:none!important}.studio-layout.studio-inspect-open .body>.sidebar.right{display:block!important;position:absolute!important;top:var(--gb-panel-top,200px)!important;bottom:114px!important;right:8px;left:auto;width:min(360px,calc(100% - 16px))!important;z-index:130}.studio-inspector>button{display:inline-flex}.studio-layout .gb-mobile-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}.studio-layout .gb-mobile-tabs button{font-size:10px;padding:5px}.studio-layout .gb-mobile-tabs button svg{display:none}.studio-layout .app>.gb-canvas-tools{min-height:55px!important;padding:3px 7px!important;max-height:none!important}.studio-layout .gb-canvas-tools .studio-tool-group>button{min-height:45px!important;min-width:48px;gap:3px;font-size:9px!important;padding:4px!important}.studio-layout .gb-canvas-tools .studio-tool-group>button>svg{width:18px;height:18px}.studio-tool-group{gap:2px;padding:0 5px}.studio-dock{height:210px;max-height:30vh}.studio-dock>header>strong{display:none}.studio-dock-tabs button{font-size:9px;padding:5px}.studio-dock-body{padding:8px}.studio-pathway{grid-template-columns:1fr}.studio-pathway button{grid-column:1;grid-row:auto}.studio-layout .sidebar.left{width:min(380px,calc(100% - 16px))!important}.studio-layout .body>.gb-live-strip{flex-wrap:wrap}.studio-layout .gb-live-summary{flex-basis:55%}}
.studio-layout .toolbox details[open] .tool-buttons{max-height:none!important;overflow:visible!important}.studio-layout.gb-pro .gb-edge-legend{color:#4d6b7f!important}.studio-layout.gb-pro .gb-edge-legend span{color:#4d6b7f!important}

.studio-layout.gb-pro .gb-link-legend{color:#496c83!important}.studio-layout.gb-pro .gb-link-legend .gb-legend-proposed::before{border-color:#52798c}.studio-layout.gb-pro .pnode .nodename,.studio-layout.gb-pro .pnode .nodekind{text-shadow:none!important}