/* Candidate controls inherit the website palette and typeface. */
html[data-preview]{--preview-control-font:12px;--preview-dock-width:240px;--preview-radius:5px;--preview-motion:480ms;--preview-ease:cubic-bezier(.22,1,.36,1)}
/* Narrow desktop/tablet windows need more map room, without scaling the type. */
@media(min-width:701px) and (max-width:1280px){html[data-preview]{--m:clamp(22px,4vw,52px)}}
/* One page scroll reaches the inherited footer; each reading pane stays independent. */
html[data-preview=portal][data-portal-open],html[data-preview=portal][data-portal-open] body{overflow:hidden;overscroll-behavior:none}
html[data-portal-embedded=true]{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;height:auto;background:var(--void);color-scheme:dark}
html[data-portal-embedded=true] body{overflow:visible;height:auto;min-height:100%}
html[data-preview]{scrollbar-width:thin;scrollbar-color:var(--hair) transparent}
html[data-preview]::-webkit-scrollbar{width:5px;height:5px}
html[data-preview]::-webkit-scrollbar-track{background:transparent}
html[data-preview]::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px}
/* Preserve the inherited draggable page rail, with a quiet visible thumb. */
html[data-preview] .sbar i{background:var(--mute);border-radius:2px;opacity:.35;transition:opacity .2s ease}
html[data-preview] .sbar:hover i{opacity:.8}
html[data-preview] :is(.wf-sidebar,.factory-preview,.preview-intro,#brain-detail-dock,#brain-card,#brain-panel,#brain-legend,.chat-history){scrollbar-width:thin;scrollbar-color:var(--hair) transparent;overscroll-behavior:contain}
html[data-preview] :is(.wf-sidebar,.factory-preview,.preview-intro,#brain-detail-dock,#brain-card,#brain-panel,#brain-legend,.chat-history):hover{scrollbar-color:var(--mute) transparent}
html[data-preview] :is(.wf-sidebar,.factory-preview,.preview-intro,#brain-detail-dock,#brain-card,#brain-panel,#brain-legend,.chat-history)::-webkit-scrollbar{width:5px;height:5px}
html[data-preview] :is(.wf-sidebar,.factory-preview,.preview-intro,#brain-detail-dock,#brain-card,#brain-panel,#brain-legend,.chat-history)::-webkit-scrollbar-track{background:transparent}
html[data-preview] :is(.wf-sidebar,.factory-preview,.preview-intro,#brain-detail-dock,#brain-card,#brain-panel,#brain-legend,.chat-history)::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px}
html[data-preview] :is(.wf-sidebar,.factory-preview,.preview-intro,#brain-detail-dock,#brain-card,#brain-panel,#brain-legend,.chat-history):hover::-webkit-scrollbar-thumb{background:var(--mute)}
/* Fine visible marks, while retaining the website's 44px hit areas. */
html[data-preview] .ic svg{width:20px;height:20px}
html[data-preview] .hamb>i{left:12px;width:22px;height:1px}
html[data-preview] .hamb .l1{top:18px}
html[data-preview] .hamb .l2{top:25px}
[data-preview=portal] .portal-main{position:relative;min-height:100dvh;width:100%;max-width:none;padding:0;isolation:isolate}
.portal-copy{position:absolute;z-index:2;left:var(--m);top:50%;transform:translateY(-50%);width:clamp(200px,26vw,300px);pointer-events:none}
.portal-copy h1{font:400 clamp(28px,3.2vw,44px)/1.1 var(--display);letter-spacing:-.035em;margin:12px 0 20px}
.portal-copy p{font:16px/1.5 var(--ui);color:var(--lit)}
.portal-copy .eyebrow{font-size:11px;letter-spacing:.14em}
.portal-copy .portal-note{font-size:11px;color:var(--mute);margin-top:18px}
.portal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;pointer-events:auto}
.portal-actions button,.portal-toolbar button,.portal-fallback{min-height:40px;padding:7px 11px;border:1px solid var(--hair);border-radius:var(--preview-radius);background:transparent;color:var(--lit);font:400 var(--preview-control-font)/1.2 var(--ui);cursor:pointer;box-shadow:none}
.portal-actions button:first-child{color:var(--cyan)}
.portal-actions button:hover,.portal-toolbar button:hover{border-color:var(--cyan);color:var(--ink)}
.portal-actions button:focus-visible,.portal-toolbar button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* Fit the whole orb below the shared header mask, including its breathing motion. */
.portal-visual{position:absolute;inset:calc(var(--header-clearance,var(--tb)) + 8px) 0 24px 32%;min-width:0;text-align:center}
#portal-orb{width:100%;height:100%;margin:0;touch-action:none;cursor:grab}
#portal-orb:active{cursor:grabbing}
#portal-orb canvas{display:block;width:100%;height:100%}
.portal-layer{position:fixed;inset:0;z-index:150;background:var(--void);color-scheme:dark;overflow:hidden;isolation:isolate}
.portal-layer[data-portal-transition=fade]{clip-path:none}
.portal-layer[hidden]{display:none}
.portal-frames iframe[hidden]{display:block!important;visibility:hidden;pointer-events:none}
/* One website header. Lower navigation does not shorten the map. */
.portal-toolbar{position:absolute;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:2px 5px;border:1px solid var(--hair);border-radius:var(--preview-radius);background:var(--mist-navigation-surface);backdrop-filter:blur(14px);color:var(--lit)}
.portal-toolbar button{min-height:34px;padding:6px 9px;border-color:transparent;font-size:var(--preview-control-font);white-space:nowrap}
.portal-toolbar button[aria-pressed=true]{color:var(--cyan);border-color:transparent;background:transparent}
.portal-toolbar .js-sound{border:0;min-width:40px;padding:7px}
.portal-toolbar .js-sound svg{width:20px;height:20px}
.portal-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;flex-direction:column;font:16px var(--ui);padding:24px;text-align:center;pointer-events:none}
.portal-status:has(+.portal-frames iframe:not([hidden])){display:none}
.portal-fallback{pointer-events:auto}
.portal-fallback[hidden]{display:none}
.portal-frames{background:var(--void);color-scheme:dark}
.portal-frames iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--void);color-scheme:dark}
[data-portal-embedded=true] .js-sound{display:none}
html[data-portal-embedded=true] #bar{display:none!important}
html[data-portal-embedded=true] #foot{padding-bottom:calc(var(--footer-padding) + 76px + env(safe-area-inset-bottom,0px))}
/* Keep map docks inside their scene when the visitor scrolls into the footer. */
html[data-portal-embedded=true] .native-core{contain:paint}
html[data-preview=core]{--header-content-fade:16px;--header-content-gap:8px}
html[data-preview=core] .native-core #brain-canvas{clip-path:none;transform:none}
html[data-chat-open=true][data-preview=core] .native-core #brain-canvas{clip-path:none;transform:none}
html[data-preview=core] .native-core .preview-intro{top:calc(var(--header-clearance,var(--tb)) + 12px);bottom:76px;max-height:none;width:220px;overflow:auto;border-right:1px solid var(--hair);padding-right:14px;animation:preview-arrive var(--preview-motion) var(--preview-ease)}
html[data-preview=core] .preview-intro h1{font-size:25px;line-height:1.15}
html[data-preview=core] .preview-intro>p{font-size:13px}
html[data-preview=core] .preview-nav>span{display:none}
html[data-preview=core] .preview-nav{font-size:13px;gap:16px;margin-bottom:14px}
.preview-panel-toggle{top:calc(var(--header-clearance,var(--tb)) + 12px);left:calc(var(--m) + 204px);border:0;background:transparent;min-height:36px;width:32px;font-size:16px;transition:left var(--preview-motion) var(--preview-ease)}
html[data-panel-collapsed=true] .preview-panel-toggle{left:var(--m)}
[data-portal-embedded=true][data-portal-card] .preview-intro,[data-portal-embedded=true][data-portal-card] .preview-panel-toggle{visibility:hidden}
.portal-menu-back button{font:inherit;color:var(--cyan);background:transparent;border:0;padding:8px 0;cursor:pointer}
html[data-preview=core] .native-core .lab-controls{top:calc(var(--header-clearance,var(--tb)) + 12px);bottom:auto;right:var(--m);left:auto;gap:4px}
html[data-preview=core] .native-core .lab-controls button{min-height:30px;padding:5px 8px;font-size:var(--preview-control-font);border-radius:var(--preview-radius);background:transparent;box-shadow:none}
html[data-preview=core] .brain-touch-zoom{display:flex;gap:4px}
html[data-preview=core] #brain-panel{top:calc(var(--header-clearance,var(--tb)) + 58px);bottom:124px;max-height:none;padding:16px;overflow:auto;background:var(--brain-card-surface);border-radius:10px}
html[data-preview=core] :is(#preview-products button,#core-guide-start,[data-guide-chat-open],.moon-buttons button,.core-guide button,#brain-panel button){font:400 var(--preview-control-font)/1.3 var(--ui);min-height:36px;padding:6px 9px;border-radius:var(--preview-radius);background:transparent}
html[data-preview=core] .preview-intro [data-guide-chat-open]{width:100%;justify-content:center;min-height:44px;padding:10px 12px;margin:8px 0;font-size:13px;font-weight:500;border-color:color-mix(in srgb,var(--cyan) 65%,var(--hair));background:color-mix(in srgb,var(--cyan) 7%,transparent)}
html[data-preview=core] .preview-intro [data-guide-chat-open]:hover:not(:disabled){border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}
html[data-preview=core] .preview-intro [data-guide-chat-open]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
html[data-preview=core] #brain-panel h2{font-size:12px;margin-top:16px}
html[data-preview=core] #brain-card{left:var(--m);right:auto;top:calc(var(--header-clearance,var(--tb)) + 16px);width:var(--preview-dock-width);max-height:calc(100dvh - var(--header-clearance,var(--tb)) - 112px);padding:18px;background:var(--brain-card-surface);border:1px solid var(--hair);border-radius:12px;box-shadow:none}
html[data-preview=core] #brain-card h2{font:500 18px/1.2 var(--ui);margin:0 30px 12px 0}
html[data-preview=core] #brain-card p{font:13px/1.55 var(--ui)}
html[data-preview=core] #brain-card h3{font:400 11px var(--ui);letter-spacing:.06em;text-transform:uppercase;margin:18px 0 8px}
html[data-preview=core] #brain-card button{font:400 12px/1.3 var(--ui);min-height:32px;border-radius:var(--preview-radius);padding:5px 8px;background:transparent}
html[data-preview=core] #brain-card .card-badge{font:11px/1.3 var(--ui);padding:2px 8px}
html[data-preview=core] .core-guide-navigation [data-core-close]{flex:0 0 30px;order:3;border:0;color:var(--mute);font-size:18px;padding:4px}
html[data-preview=core] #brain-card .neighbors{display:grid;gap:3px}
html[data-preview=core] #brain-card .neighbors button{text-align:left;display:flex;align-items:center;gap:8px;border-color:transparent}
html[data-preview=core] #brain-card .neighbors button::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:2px;background:var(--connection-color,var(--cyan))}
.connection-layer{margin-left:auto;font-size:10px;color:var(--mute)}
html[data-preview=core] #fab-legend{position:fixed;top:auto;bottom:18px;left:var(--m);min-height:40px;padding:6px 10px;font:var(--preview-control-font) var(--ui);background:transparent;border:1px solid var(--hair);border-radius:var(--preview-radius)}
html[data-preview=core] #brain-legend{position:fixed;left:var(--m);top:auto;bottom:72px;width:var(--preview-dock-width);max-height:calc(100dvh - var(--header-clearance,var(--tb)) - 100px);padding:16px;overflow:auto;border:1px solid var(--hair);border-radius:12px;background:var(--brain-card-surface);font-family:var(--ui)}
html[data-preview=core] #brain-legend h2{margin:0 0 12px;font:500 15px/1.3 var(--ui)}
html[data-preview=core] #brain-legend p{font:13px/1.5 var(--ui);margin:0 0 12px}
html[data-preview=core] #brain-legend button{display:flex;align-items:center;gap:8px;min-height:34px;text-align:left;background:transparent;color:var(--lit);border:1px solid transparent;border-radius:var(--preview-radius);font:13px/1.3 var(--ui);padding:5px 8px;margin:2px 0}
html[data-preview=core] #brain-legend button:hover{border-color:var(--legend-color,var(--cyan))}
html[data-preview=core] #brain-legend button::before{content:'';flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--legend-color,var(--cyan))}
html[data-preview=core] #brain-legend button[aria-pressed=false]{opacity:.5}
html[data-preview=core] .portal-legend-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
html[data-preview=core] .portal-legend-title h2{margin:0!important}
html[data-preview=core] #brain-legend [data-layers-all]{margin:0;padding:7px;min-width:34px;border:0;color:var(--mute)}
html[data-preview=core] #brain-legend [data-layers-all][aria-pressed=true]{color:var(--cyan)}
html[data-preview=core] #brain-legend [data-layers-all]::before{display:none}
html[data-preview=core] #brain-legend [data-layers-all] svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
html[data-preview=core] #brain-legend,html[data-preview=core] #brain-panel{animation:preview-arrive var(--preview-motion) var(--preview-ease)}
html[data-preview] .site-guide-chat{transition:width var(--preview-motion) var(--preview-ease),height var(--preview-motion) var(--preview-ease);font-size:14px}
html[data-preview] .site-guide-chat[open]{animation:preview-arrive var(--preview-motion) var(--preview-ease)}
html[data-preview] .site-guide-chat h2{font-size:20px}
html[data-preview] .site-guide-chat button{font-size:13px;border-radius:var(--preview-radius)}
@keyframes preview-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
/* Both presentations share a viewport, compact type and a left reading rail. */
html[data-preview=factory]{--preview-dock-width:224px}
html[data-preview=factory] .factory-preview{position:relative;inset:auto;width:calc(100% - 40px);height:calc(100dvh - var(--header-clearance,var(--tb)) - 68px);max-width:none;margin:calc(var(--header-clearance,var(--tb)) + 8px) 20px 60px;padding:0!important;overflow:auto}
html[data-preview=factory] #workflows{height:100%;min-height:0;border:0;scroll-margin:0}
html[data-preview=factory] .wf-sidebar{width:var(--preview-dock-width);min-width:var(--preview-dock-width);padding:0 14px 12px 0;border-right:1px solid var(--hair);overflow:auto;max-height:none;transition:width var(--preview-motion) var(--preview-ease),min-width var(--preview-motion) var(--preview-ease),padding var(--preview-motion) var(--preview-ease);scrollbar-width:thin}
html[data-preview=factory] .wf-sidebar.collapsed{width:0;min-width:0;padding:0;border:0;overflow:hidden}
html[data-preview=factory] .wf-sidebar>*{flex-shrink:0}
html[data-preview=factory] .wf-sidebar-header{position:sticky;top:0;background:var(--void);padding:0 0 6px;z-index:2;gap:8px}
html[data-preview=factory] .wf-sidebar-title{font:11px var(--ui);color:var(--mute)}
html[data-preview=factory] .wf-sidebar-toggle{min-width:28px;min-height:30px;font:16px var(--ui);padding:4px;color:var(--mute)}
html[data-preview=factory] .factory-intro{padding:0 0 12px;border-bottom:1px solid var(--hair)}
html[data-preview=factory] .preview-heading{max-width:none;margin:10px 0 12px}
html[data-preview=factory] h1{font:400 22px/1.15 var(--display);margin:8px 0 12px}
html[data-preview=factory] .preview-heading :is(.eyebrow,.human){display:none}
html[data-preview=factory] .preview-heading>p:not(.eyebrow){font:13px/1.6 var(--ui);margin:8px 0}
html[data-preview=factory] .preview-nav{font-size:13px;margin:0;gap:16px}
html[data-preview=factory] .preview-nav>span{display:none}
html[data-preview=factory] :is([data-guide-chat-open],.factory-loop-tabs button,.factory-step-navigation button){font:11px/1.4 var(--ui);min-height:30px;padding:5px 7px;border-radius:var(--preview-radius);margin:0}
html[data-preview=factory] .factory-loop-tabs{flex-direction:column;gap:5px;margin:12px 0 8px}
html[data-preview=factory] .factory-loop-tabs button{text-align:left}
html[data-preview=factory] .factory-step-navigation{gap:6px;margin:12px 0 0}
html[data-preview=factory] .factory-step-navigation button{flex:1;min-width:0}
html[data-preview=factory] .factory-step-navigation [data-factory-step]{flex:0 0 30px;font-size:16px}
html[data-preview=factory] #wf-sidebar-list{margin:14px 0}
html[data-preview=factory] .wf-sidebar-item{display:flex;align-items:center;gap:8px;font:13px/1.5 var(--ui);min-height:32px;padding:6px 8px}
html[data-preview=factory] .wf-step-number{flex:0 0 18px;width:18px;height:18px;font-size:10px}
html[data-preview=factory] .wf-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:transparent}
html[data-preview=factory] .wf-canvas-wrap{height:100%;min-height:0;flex:1;background:none}
html[data-preview=factory] .wf-panels{display:none}
html[data-preview=factory] .wf-rubric-brand{left:24px;top:12px;max-width:calc(100% - 48px)}
html[data-preview=factory] .wf-rubric-name{font:400 24px/1.12 var(--display);margin:8px 0}
html[data-preview=factory] .wf-rubric-tagline{font:13px/1.4 var(--ui)}
html[data-preview=factory] .wf-header{top:auto!important;bottom:12px;left:24px;right:16px;gap:6px;flex-wrap:wrap}
html[data-preview=factory] .wf-header button{font:11px/1.3 var(--ui);min-height:30px;padding:5px 8px;border-radius:var(--preview-radius);background:transparent}
html[data-preview=factory] #wf-sidebar-expand{font-size:18px;border:0;color:var(--cyan)}
html[data-preview=factory] #wf-status{top:auto!important;bottom:60px!important;left:24px;font:11px/1.4 var(--ui)}
html[data-preview=factory] .wf-detail{position:relative;inset:auto;width:100%;max-height:none;border:1px solid var(--hair);border-radius:12px;box-shadow:none;padding:16px;margin:14px 0;background:var(--brain-card-surface);animation:preview-arrive var(--preview-motion) var(--preview-ease)}
html[data-preview=factory] #wf-detail-title{font:500 18px/1.2 var(--ui);margin-right:24px}
html[data-preview=factory] #wf-detail-copy{font:13px/1.55 var(--ui)}
html[data-preview=factory] .factory-more{margin:20px 0;font:13px/1.5 var(--ui);color:var(--lit)}
html[data-preview=factory] .factory-more>summary{cursor:pointer;min-height:36px;padding:8px 0;color:var(--cyan)}
html[data-preview=factory] .factory-example{display:block;padding:14px 0;margin:0;border:0}
html[data-preview=factory] .factory-example h2{font-size:20px}
html[data-preview=factory] :is(.factory-example p,.preview-method p){font:13px/1.55 var(--ui)}
html[data-preview=factory] .example-steps{grid-template-columns:1fr;gap:6px}
html[data-preview=factory] .example-steps button{font:13px var(--ui);padding:8px;min-height:36px}
html[data-preview=factory] .preview-method{padding-top:14px}
@media(min-width:701px){
  html[data-presenter-open=true][data-preview=core] .preview-intro,html[data-presenter-open=true][data-preview=core] .preview-panel-toggle{display:none}
  html[data-presenter-open=true][data-preview=core] .native-core .lab-controls{right:calc(340px + 2 * var(--m));left:auto;max-width:calc(100% - 370px - 2 * var(--m));flex-wrap:wrap;justify-content:flex-end}
  html[data-presenter-open=true][data-preview=factory] .wf-sidebar{width:0;min-width:0;padding:0;visibility:hidden}
  html[data-presenter-open=true][data-preview=factory] .wf-main{margin-right:390px}
  html[data-chat-open=true][data-preview=core] .native-core .lab-controls{right:calc(360px + 2 * var(--m));left:auto;max-width:calc(100% - 390px - 2 * var(--m));flex-wrap:wrap;justify-content:flex-end}
  html[data-chat-open=true][data-preview=factory] .wf-sidebar{width:0;min-width:0;padding:0;visibility:hidden}
  html[data-preview=factory] .wf-main{transition:margin-right var(--preview-motion) var(--preview-ease)}
  html[data-chat-open=true][data-preview=factory] .wf-main{margin-right:410px}
  html[data-portal-embedded=true] #brain-detail-dock{display:none;position:fixed;z-index:45;left:var(--m);top:calc(var(--header-clearance,var(--tb)) + 16px);width:var(--preview-dock-width);max-height:calc(100dvh - var(--header-clearance,var(--tb)) - 112px);overflow:auto;border:1px solid var(--hair);border-radius:12px;background:var(--brain-card-surface);scrollbar-width:thin;animation:preview-arrive var(--preview-motion) var(--preview-ease)}
  html[data-portal-embedded=true] #brain-detail-dock:has(#brain-card:not([hidden])),html[data-portal-embedded=true] #brain-detail-dock:has(#core-guide:not([hidden])){display:block}
  html[data-portal-embedded=true] #brain-detail-dock #brain-card{position:relative;inset:auto;width:100%;max-height:none;margin:0;padding:18px;border:0;border-radius:0;background:transparent;overflow:visible}
  html[data-portal-embedded=true] #brain-detail-dock>.core-guide{margin:0;padding:18px;font:14px/1.5 var(--ui);border-bottom:1px solid var(--hair)}
  html[data-portal-embedded=true] #brain-detail-dock>.core-guide h2{font-size:20px}
  html[data-portal-embedded=true] #brain-detail-dock .core-guide-navigation{top:-18px;padding-top:8px;margin-top:-8px}
}
/* Selecting a node gives the left dock to its connections, with no overlap. */
html[data-portal-card] #brain-legend{display:none}
@media(max-width:700px){
  [data-preview=portal] .portal-main{display:flex;flex-direction:column;min-height:100dvh;padding:var(--tb) 22px 76px}
  .portal-visual{position:relative;inset:auto;width:100%;height:min(95vw,52dvh);flex-shrink:0}
  .portal-copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:38ch;margin:auto}
  .portal-copy h1{font-size:28px;margin:8px 0 14px}.portal-copy p{font-size:15px}
  .portal-toolbar{bottom:10px;max-width:calc(100% - 20px);padding:2px;gap:0}.portal-toolbar button{font-size:12px;min-height:40px;padding:5px 8px}
  html[data-preview=core] .native-core .preview-intro{width:calc(100% - 44px);bottom:auto;max-height:50dvh}
  html[data-preview=core] .preview-panel-toggle{top:calc(var(--tb) + 12px);left:var(--m);right:auto}
  html[data-preview=core] .native-core .lab-controls{left:auto;right:22px;top:calc(var(--header-clearance,var(--tb)) + 12px);bottom:auto;max-width:calc(100% - 88px);flex-wrap:wrap;justify-content:flex-end}
  html[data-preview=core] .native-core .lab-controls button{min-height:44px;min-width:44px}
  html[data-preview=core] #brain-panel{top:auto;bottom:178px;left:22px;right:22px;width:auto;max-height:52dvh}
  html[data-preview=core] #brain-card{position:relative;inset:auto;width:calc(100% - 44px);max-height:none;margin:20px auto;padding:18px}
  html[data-portal-embedded=true][data-preview=core] #brain-card{position:fixed;left:22px;right:22px;top:auto;bottom:178px;width:auto;max-height:52dvh;overflow:auto;margin:0}
  html[data-preview=core] #brain-legend{left:22px;bottom:128px;width:calc(100% - 44px);max-height:60dvh}
  html[data-preview=core] #fab-legend{left:22px;bottom:74px;min-height:44px}
  html[data-preview=core] #brain-card button{min-height:44px}
  html[data-preview=factory] .factory-preview{overflow:auto}
  html[data-preview=factory] #workflows{height:auto;min-height:calc(100dvh - var(--header-clearance,var(--tb)) - 100px);flex-direction:column}
  html[data-preview=factory] .wf-sidebar{width:100%;min-width:0;padding:0 0 14px;max-height:52dvh;border-right:0;border-bottom:1px solid var(--hair)}
  html[data-preview=factory] .wf-sidebar.collapsed{width:100%;min-width:0;height:0;max-height:0;padding:0;border:0}
  html[data-preview=factory] .wf-sidebar-list{display:block}
  html[data-preview=factory] .wf-main{flex:none;height:max(330px,calc(100dvh - var(--header-clearance,var(--tb)) - 68px))}
  html[data-preview=factory] #workflows[data-view=pipeline] .wf-canvas-wrap{height:100%;min-height:0}
  html[data-preview=factory] #workflows[data-view=pipeline] .wf-main{height:1100px}
  html[data-preview=factory] :is(button,.wf-sidebar-item){min-height:44px}
  html[data-preview=factory] :is(.wf-header button,.factory-loop-tabs button,.factory-step-navigation button,[data-guide-chat-open],.wf-sidebar-toggle,.wf-sidebar-item){min-height:44px;min-width:44px}
  html[data-preview=factory] #wf-replay-btn:disabled{display:none}
  html[data-preview=factory] .wf-rubric-brand{left:12px;max-width:calc(100% - 24px)}
  html[data-preview=factory] .wf-rubric-brand>.eyebrow{display:none}
  html[data-preview=factory] .wf-rubric-name{font-size:22px}
  html[data-preview=factory] .wf-header{left:12px;right:12px}
  html[data-preview=factory] #wf-status{left:12px}
}
:root[data-motion-reduced="true"] :is(.portal-layer,.site-guide-chat,.preview-panel-toggle),:root[data-motion-reduced="true"][data-preview=factory] :is(.wf-sidebar,.wf-main){transition:none}:root[data-motion-reduced="true"][data-preview] :is(.preview-intro,#brain-detail-dock,#brain-panel,#brain-legend,.site-guide-chat,.wf-detail){animation:none}

html[data-preview=core] .native-core .lab-controls button.scene-icon{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:inline-grid;place-items:center}
html[data-preview=core] .native-core .brain-touch-zoom{width:auto;gap:4px}
@media(max-width:700px){
  html[data-preview=core] .native-core .lab-controls button.scene-icon{width:44px;min-width:44px;height:44px;min-height:44px}
  html[data-preview=core] #brain-panel{top:calc(var(--header-clearance,var(--tb)) + 66px);bottom:84px}
}

@media(max-width:420px){html[data-preview=core] .native-core .lab-controls [data-zoom="reset"].scene-icon{display:none}}