.ra-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.ra-controls[hidden],.ra-controls button[hidden]{display:none!important}
.ra-controls button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid #d5b36b;border-radius:3px;background:linear-gradient(#4c4932,#303528);box-shadow:inset 0 0 0 2px #debd6f18;color:#ffe3a4;font:600 13px/1.3 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.ra-controls button:hover:not(:disabled){background:#56563b;box-shadow:0 0 16px #ffc85b22}
.ra-controls button:focus-visible{outline:2px solid #a9ffe6;outline-offset:3px}
.ra-controls button:disabled{opacity:.45;cursor:default}
.ra-build>span{font-size:17px;color:#b4ffe6}
.ra-progress{max-width:300px;color:#c6ecdd;font:12px/1.5 'DM Sans',sans-serif}
.ra-progress:empty{display:none}
.robot-assembling #canvas-empty{display:none!important}
.board-focused.robot-assembling .task-dock{display:none!important}
.robot-assembling .library-item:disabled{opacity:1;cursor:wait}
body[data-world="robots"] .flow-node[data-kind="trigger"]::before{content:'INBOX'}
.ra-slot{position:absolute;z-index:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;border:1px dashed #75d0bd66;border-radius:5px;background:repeating-linear-gradient(135deg,#8fffe306 0 8px,transparent 8px 16px);box-sizing:border-box;color:#83bea988}
.ra-slot>span{font-size:23px}.ra-slot>small{font:8px 'IBM Plex Mono',monospace;letter-spacing:.16em}
.robot-assembling .flow-node.ra-in-transit{visibility:hidden;pointer-events:none}
.robot-assembling .flow-edge[data-ra-pending]{visibility:hidden;pointer-events:none}
.ra-command-target:disabled{opacity:1!important;border-color:#b8ead1!important;box-shadow:0 0 0 2px #a7f1d222,0 0 20px #91eec233!important}
@media(max-width:760px){.ra-controls{gap:8px}.ra-controls button{min-height:40px;font-size:12px;padding:8px 10px}.ra-progress{max-width:190px;font-size:11px}.board-focused.robot-assembling .control-toolbar{align-content:start}}
@media(max-width:760px){
 .board-focused.robot-assembling .task-dock,.board-focused.robot-assembling .board-test-row,.board-focused.robot-assembling #create-custom,.board-focused.robot-assembling .library-search,.board-focused.robot-assembling .library-instruction,.board-focused.robot-assembling .ai-inspector{display:none!important}
 .board-focused.robot-assembling .library-heading{min-height:37px;padding-block:5px}
 .board-focused.robot-assembling .library-content{display:block;padding-block:4px}
 .board-focused.robot-assembling .library-tabs{margin-bottom:4px;justify-content:flex-start;gap:8px}
 .board-focused.robot-assembling .node-library{max-height:78px}
 .board-focused.robot-assembling .control-toolbar .board-toolbar-actions{display:none}
 .board-focused.robot-assembling .workflow-area{min-height:170px;flex:1}
 .board-focused.robot-assembling .workflow-canvas{min-height:150px;height:auto;flex:1}
 .board-focused.robot-assembling .control-grid{overflow:hidden}
 .board-focused.robot-assembling .library-heading{display:none}
 .board-focused.robot-assembling .library-tabs{display:none}
 .board-focused.robot-assembling .node-library{max-height:70px;padding-bottom:3px}
 .board-focused.robot-assembling .library-item{min-height:62px}
 .board-focused.robot-assembling .rw-crew-caption>strong{display:none}
 .board-focused.robot-assembling .rw-crew-message{margin:0;font-size:8px;max-width:205px}
 .board-focused.robot-assembling .rw-crew-strip{min-height:30px;padding-block:4px}
 .board-focused.robot-assembling .ra-progress{max-width:190px;line-height:1.4}
}

/* Give the building crew a clear stage while retaining the guide button. */
body:has(.robot-assembling) #ai-guide .guide-teaser{visibility:hidden;pointer-events:none}

/* During assembly, the stage fits the visible Focus viewport. The regular
   scrollable planner returns as soon as the visitor takes control. */
.ai-control.workflow-presentation.board-focused.robot-assembling>.robot-board-viewport{overflow:hidden}
.ai-control.workflow-presentation.board-focused.robot-assembling>.robot-board-viewport>:not(.control-grid){display:none!important}
.ai-control.workflow-presentation.board-focused.robot-assembling .robot-board-viewport>.control-grid{flex:1 1 0;height:100%;min-height:0;overflow:hidden;grid-template-columns:var(--robot-library-width,250px) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.ai-control.workflow-presentation.board-focused.robot-assembling .ai-inspector{display:none!important}
.ai-control.workflow-presentation.board-focused.robot-assembling .workflow-area{flex:1 1 0;min-height:0;overflow:hidden}
.ai-control.workflow-presentation.board-focused.robot-assembling .workflow-canvas{flex:1 1 0;height:auto;min-height:0}
.ai-control.workflow-presentation.board-focused.robot-assembling .workflow-request-follow,
.ai-control.workflow-presentation.board-focused.robot-assembling .workflow-navigation-hint,
.ai-control.workflow-presentation.board-focused.robot-assembling .planner-request-bar,
.ai-control.workflow-presentation.board-focused.robot-assembling .planner-connect-form,
.ai-control.workflow-presentation.board-focused.robot-assembling .canvas-footer{display:none!important}
.ai-control.workflow-presentation.board-focused.robot-assembling .node-library{min-height:0;flex:1;max-height:none}
@media(min-width:761px){
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar{flex-wrap:nowrap;gap:12px}
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar>.board-toolbar-actions,
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar>.workflow-edit-tools,
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar>#edit-workflow,
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar>#view-workflow-result{display:none!important}
 .ai-control.workflow-presentation.board-focused.robot-assembling .workflow-preset-label{flex:0 1 350px;min-width:0}
 .ai-control.workflow-presentation.board-focused.robot-assembling .workflow-preset-label select{width:235px;min-width:0;flex:1}
 .ai-control.workflow-presentation.board-focused.robot-assembling .ra-controls{flex:1;flex-wrap:nowrap;min-width:0;gap:12px}
 .ai-control.workflow-presentation.board-focused.robot-assembling .ra-progress{flex:1;max-width:360px;min-width:0}
 .ai-control.workflow-presentation.board-focused.robot-assembling .focus-tool{flex:0 0 auto;margin-left:auto}
 .ai-control.workflow-presentation.board-focused.robot-assembling .library-search,
 .ai-control.workflow-presentation.board-focused.robot-assembling .library-instruction,
 .ai-control.workflow-presentation.board-focused.robot-assembling .planner-new-system{display:none!important}
 .ai-control.workflow-presentation.board-focused.robot-assembling .library-heading{min-height:60px;padding-block:9px}
 .ai-control.workflow-presentation.board-focused.robot-assembling #create-custom{min-height:42px;padding-block:8px;margin-bottom:3px}
 .ai-control.workflow-presentation.board-focused.robot-assembling #create-custom small{display:none}
 .ai-control.workflow-presentation.board-focused.robot-assembling .library-tabs{margin-block:6px 9px;padding-bottom:6px}
}
@media(max-width:760px){
 .ai-control.workflow-presentation.board-focused.robot-assembling .robot-board-viewport>.control-grid{display:flex;flex-direction:column}
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}
 .ai-control.workflow-presentation.board-focused.robot-assembling .workflow-preset-label{grid-column:1/-1;min-width:0}
 .ai-control.workflow-presentation.board-focused.robot-assembling .ra-controls{flex-wrap:nowrap;gap:8px;min-width:0}
 .ai-control.workflow-presentation.board-focused.robot-assembling .ra-progress{font-size:10px;min-width:0}
 .ai-control.workflow-presentation.board-focused.robot-assembling #edit-workflow,
 .ai-control.workflow-presentation.board-focused.robot-assembling .planner-new-system{display:none!important}
 .ai-control.workflow-presentation.board-focused.robot-assembling .node-library{max-height:70px;flex:none}
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar>.board-toolbar-actions,
 .ai-control.workflow-presentation.board-focused.robot-assembling .control-toolbar>.workflow-edit-tools{display:none}
}