/* This candidate inherits the frame, typography and atmosphere tokens. */
[data-preview] .preview-nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font:14px var(--ui);margin-bottom:22px;pointer-events:auto}
[data-preview] .preview-nav>span{flex-basis:100%;font-size:11px;color:var(--mute);letter-spacing:.08em}
[data-preview] .preview-nav a{min-height:38px;display:inline-flex;align-items:center;color:var(--lit);border-bottom:1px solid transparent}
[data-preview] .preview-nav a[aria-current]{color:var(--cyan);border-color:currentColor}
[data-preview] button:focus-visible,[data-preview] summary:focus-visible,[data-preview] a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.factory-preview{--loop-accent:var(--cyan);max-width:var(--interior-width);margin:auto;padding:calc(var(--tb) + var(--header-content-fade) + 24px) 32px 64px}
.factory-preview .preview-heading{max-width:780px;margin-bottom:38px}
.factory-preview h1{font:400 clamp(38px,5vw,62px)/1.05 var(--display);letter-spacing:-.04em;margin:14px 0 22px}
.factory-preview .preview-heading>p:not(.eyebrow){font:18px/1.5 var(--ui);color:var(--lit);max-width:65ch;margin:14px 0}
.factory-preview .preview-heading .human{color:var(--ink)}
.factory-example{margin:76px 0 48px;border-top:1px solid var(--hair);padding-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:24px 52px}
.factory-example h2{font:400 clamp(30px,3.3vw,42px)/1.1 var(--display);letter-spacing:-.025em;margin:12px 0 18px}
.factory-example p,.preview-method p{font:17px/1.55 var(--ui);color:var(--lit);max-width:65ch}
.example-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.example-steps button{display:flex;gap:12px;align-items:center;text-align:left;font:15px var(--ui);color:var(--lit);padding:12px 10px;width:100%;height:100%;border:1px solid var(--hair);border-radius:var(--corner);background:transparent;cursor:pointer}
.example-steps button>span{font-size:11px;color:var(--mute)}
.example-steps button[aria-pressed=true]{color:var(--ink);border-color:var(--cyan)}
.factory-example .example-copy{grid-column:1/-1;min-height:52px;margin:0;padding:20px 0;color:var(--ink)}
.preview-method{border-top:1px solid var(--hair);padding-top:28px}
.preview-method h2{font:500 24px var(--display);color:var(--cyan)}
.preview-note{margin-top:38px;font:12px var(--ui);color:var(--mute)}
html[data-preview=core] .native-core .preview-intro{top:23%;pointer-events:auto;max-height:66dvh;overflow:auto;scrollbar-width:thin;width:260px;padding-right:8px}
.preview-panel-toggle{position:fixed;z-index:20;top:23%;left:calc(var(--m) + 270px);width:44px;min-height:44px;padding:4px;background:var(--brain-card-surface);color:var(--cyan);border:1px solid var(--hair);border-radius:var(--corner);font:26px var(--ui);cursor:pointer}
html[data-panel-collapsed=true] .preview-panel-toggle{left:var(--m)}
html[data-panel-collapsed=true] .preview-intro,html[data-chat-open=true][data-preview=core] .preview-intro,html[data-chat-open=true] .preview-panel-toggle{display:none}
@media(max-width:700px){.preview-panel-toggle{top:calc(var(--tb) + var(--header-content-fade) + 12px);left:auto;right:var(--m)}html[data-panel-collapsed=true] .preview-panel-toggle{left:var(--m);right:auto}}
.preview-intro h1{font-size:32px;margin:10px 0 18px}
.preview-intro>p{font-size:14px}
#preview-products{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#preview-products button,.moon-buttons button{font:14px var(--ui);color:var(--lit);border:1px solid var(--hair);border-radius:var(--corner);padding:9px 12px;background:transparent;cursor:pointer}
#preview-products button[aria-pressed=true],.moon-buttons button[aria-pressed=true]{color:var(--ink);border-color:var(--cyan)}
.preview-shared{margin:22px 0;font:14px/1.5 var(--ui);color:var(--lit)}
.preview-shared summary{cursor:pointer;min-height:34px;color:var(--lit)}
.preview-shared details{padding-top:12px;border-top:1px solid var(--hair)}
.preview-shared p{font-size:13px;margin:6px 0 16px}
.preview-moons{padding-top:18px;margin-top:16px;border-top:1px solid var(--hair)}
.preview-moons h3{font:500 18px var(--display);margin:0 0 12px}
.moon-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.moon-detail .eyebrow{color:var(--mute)}
.moon-detail p{font:14px/1.5 var(--ui);color:var(--lit);margin-top:8px}
@media(max-width:700px){
  .factory-preview{padding:calc(var(--tb) + var(--header-content-fade) + 24px) 22px 40px}
  .factory-preview h1{font-size:42px}
  .factory-preview .preview-heading>p:not(.eyebrow){font-size:17px}
  .factory-example{grid-template-columns:1fr;margin-top:48px;gap:20px}
  .example-steps button{min-height:58px;font-size:14px}
  html[data-preview=core] .native-core .preview-intro{top:calc(var(--tb) + var(--header-content-fade) + 12px);width:calc(100% - 44px);max-height:260px;overflow:auto}
  html[data-preview=core] .native-core #brain-canvas{clip-path:none}
  .preview-intro h1{font-size:25px;max-width:28ch;margin-bottom:12px}.preview-intro>p{display:none}
  .preview-intro .preview-nav{margin-bottom:8px;gap:12px}.preview-nav>span{font-size:10px}
  #preview-products{margin:8px 0;gap:6px}#preview-products button{font-size:12px;min-height:44px;padding:8px 10px}
  .preview-shared{margin:10px 0}.preview-shared:not([open]){font-size:13px}
  .preview-moons .moon-buttons button{min-height:44px}
}

/* Factory uses the inherited RUBRIC Flows viewport and Canvas engine. */
html[data-preview=factory] .factory-preview{display:block;padding:calc(var(--tb) + var(--header-content-fade) + 24px) var(--m) 60px;max-width:var(--pagew);margin:auto}
.factory-loop-tabs{display:flex;gap:16px;margin:28px 0 20px}
.factory-loop-tabs button{border:1px solid var(--line);border-radius:8px;color:var(--mute);padding:12px 18px;min-height:48px;background:transparent;font:inherit}
.factory-loop-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--cyan)}
.factory-loop-tabs span{color:var(--cyan);margin-right:8px}
.factory-step-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.factory-step-navigation button{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:inherit}
.factory-step-navigation button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
html[data-preview=factory] #workflows{scroll-margin-top:calc(var(--tb) + var(--header-content-fade) + 20px);border-block:1px solid var(--line)}
html[data-preview=factory] .wf-main{background:transparent;grid-template-columns:minmax(0,1fr) 260px}
html[data-preview=factory] .wf-sidebar{width:160px;min-width:160px;background:transparent}
html[data-preview=factory] .wf-sidebar.collapsed{width:0;min-width:0}
html[data-preview=factory] .wf-canvas-wrap{height:650px;min-height:650px;background:none}
html[data-preview=factory] .wf-rubric-brand{left:20px;top:20px}
html[data-preview=factory] .wf-rubric-name{font-size:28px}
html[data-preview=factory] .wf-header{top:105px;bottom:auto;left:20px;flex-wrap:wrap}
html[data-preview=factory] #wf-status{bottom:24px}
html[data-preview=factory] .wf-sidebar-item{font-size:14px;min-height:44px}
html[data-preview=factory] .wf-info-desc,html[data-preview=factory] #wf-detail-copy{font-size:15px}
html[data-preview=factory] .wf-panels{background:transparent}
.factory-stage-list{margin-top:24px}
.factory-stage-list details{border-bottom:1px solid var(--line);padding:12px 0}
.factory-stage-list summary{cursor:pointer;font-size:18px;color:var(--ink)}
.factory-stage-list ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:16px 0;list-style:none}
.factory-stage-list button{color:var(--cyan);background:transparent;border:0;padding:8px 0;font:inherit;text-align:left;min-height:44px}
.factory-stage-list button[aria-pressed=true]{text-decoration:underline}
.factory-stage-list p{font-size:14px;color:var(--mute);line-height:1.6}
@media(max-width:1179px){html[data-preview=factory] .wf-main{display:block}html[data-preview=factory] .wf-panels{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  html[data-preview=factory] .factory-preview{padding-inline:22px}
  .factory-loop-tabs{gap:8px}.factory-loop-tabs button{font-size:14px;padding:10px;flex:1}
  html[data-preview=factory] .wf-sidebar{width:100%;min-width:0}
  html[data-preview=factory] .wf-sidebar-list{display:flex}
  html[data-preview=factory] .wf-rubric-name{font-size:24px}
  html[data-preview=factory] .wf-canvas-wrap{height:740px;min-height:740px}
  html[data-preview=factory] #workflows[data-view=pipeline] .wf-canvas-wrap{height:1080px}
  html[data-preview=factory] .wf-panels{grid-template-columns:1fr}
  .factory-stage-list ol{grid-template-columns:1fr}
}

html[data-preview=factory] .factory-preview{padding-top:calc(var(--tb) + var(--header-content-fade) + 24px)!important}
html[data-preview=factory] .wf-header{background:transparent;border:0;width:auto;right:20px;padding:0}

@media(min-width:701px) and (max-width:1100px){html[data-preview=core] .native-core .preview-intro{width:210px}.preview-intro h1{font-size:28px}}

/* The same prepared guide sits beside the map or below it on small screens. */
#core-guide-start{color:var(--cyan);border:1px solid var(--hair);border-radius:var(--corner);background:transparent;font:14px var(--ui);padding:10px 12px;min-height:44px;cursor:pointer;margin-top:14px}
#core-guide-start:disabled{opacity:.45;cursor:progress}
.core-guide{--guide-accent:var(--cyan);font:15px/1.6 var(--ui);color:var(--lit);margin:20px 0;scroll-margin-top:calc(var(--header-clearance,var(--tb)) + var(--header-content-fade) + 24px)}
.core-guide[hidden]{display:none}
.core-guide h2{color:var(--ink);font:400 24px/1.15 var(--display);margin:12px 0}
.core-guide-chapters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.core-guide button{color:var(--lit);font:13px var(--ui);border:1px solid var(--hair);border-radius:var(--corner);background:transparent;padding:9px 10px;min-height:44px;cursor:pointer}
.core-guide button[aria-pressed=true]{border-color:var(--guide-accent);color:var(--ink)}
.core-guide button:disabled{opacity:.35;cursor:default}
.core-guide .eyebrow,.core-guide-prepared{color:var(--mute);font-size:11px}
.core-guide-navigation{display:flex;gap:8px;margin:0 0 12px;position:sticky;top:0;z-index:1;background:var(--brain-card-surface);border-radius:var(--corner)}.core-guide-navigation button{flex:1}
#core-guide-relation{border-left:2px solid var(--guide-accent);padding-left:12px;margin-top:18px}
#core-guide-relation .card-badge{color:var(--guide-accent);font-size:11px}
#core-guide-relation p{font-size:13px;margin:6px 0}
.core-guide-map{display:none}
html[data-preview=core] .preview-intro.guide-open>p:not(.help){display:none}
html[data-preview=core] .preview-intro.guide-open h1{font-size:24px}
@media(max-width:700px){
  #core-guide-start{margin-top:8px;font-size:13px}
  #brain-detail-dock>.core-guide{margin:20px auto;width:calc(100% - 44px);padding:22px 22px 72px;border:1px solid var(--hair);border-radius:var(--corner);background:var(--brain-card-surface)}
  .core-guide-navigation{position:static}
  .core-guide-map{display:inline-flex;margin-top:12px}
}