/* Keep the task controls inside the visible workspace, independent of monitor height. */
:root{--site-nav-height:76px}
.site-header{height:var(--site-nav-height)}
.hero.section-shell{min-height:calc(var(--uppr-vh, 1svh) * 100);padding-top:28px;padding-bottom:32px;gap:clamp(24px,3vw,48px)}
.hero .hero-copy h1{font-size:clamp(3rem,min(5.8vw,calc(var(--uppr-vh, 1svh) * 9)),5.6rem);min-height:3.12em}
.hero-copy .eyebrow{margin-bottom:18px}.hero .hero-intro{margin-top:18px;min-height:0;font-size:17px;line-height:1.55}
.hero-actions{margin-top:20px;gap:20px}.hero-note{margin-top:16px}
.hero-world{margin-top:0;margin-right:-3vw}.hero-canvas-wrap{aspect-ratio:auto;height:clamp(360px,calc(calc(var(--uppr-vh, 1svh) * 100) - 220px),520px)}
.hero-scene-label{min-height:30px}.hero-story{margin-top:-6px;padding-block:10px}
.world-controls{margin-top:12px}.world-description{margin-top:8px;min-height:44px;font-size:13px}
#agentwereld{scroll-margin-top:var(--site-nav-height);padding-top:26px;padding-bottom:36px}
#agentwereld .section-heading{margin-bottom:20px;align-items:center}
#agentwereld .section-heading h2{font-size:clamp(1.8rem,calc(var(--uppr-vh, 1svh) * 4.7),2.7rem);line-height:1.1}
#agentwereld .section-heading .eyebrow{margin-bottom:10px}
#agentwereld .section-heading>p{font-size:15px;max-width:390px}
.miniature-workspace{display:grid;grid-template-rows:42px minmax(0,1fr) auto;height:clamp(370px,calc(calc(var(--uppr-vh, 1svh) * 100) - 240px),660px);scroll-margin-top:calc(var(--site-nav-height) + 12px)}
.miniature-topbar{height:auto;min-height:0;grid-row:1;padding-inline:18px}
.miniature-layout{grid-row:2;min-height:0;grid-template-columns:minmax(0,1fr) 285px}
.miniature-viewport{min-height:0;height:100%}
.miniature-story{min-height:0;overflow:auto;padding:15px 18px;overscroll-behavior:contain}
.miniature-request{padding-bottom:12px}.miniature-request .eyebrow{margin-bottom:7px}.miniature-request p{font-size:14px;line-height:1.5}
.miniature-progress-heading{margin:12px 0}.miniature-steps li{padding-bottom:10px}.miniature-steps strong{font-size:14px}.miniature-steps small{line-height:1.35}
.miniature-actionbar{grid-row:3;min-height:78px;padding:12px 18px;gap:18px;align-items:center}
.miniature-actionbar p{font-size:13px;line-height:1.45;margin-top:4px}
.miniature-buttons{flex-direction:row}.miniature-buttons .button{font-size:14px;padding:11px 15px;min-height:44px}
.miniature-approval:not([hidden]),.miniature-report:not([hidden]){grid-row:3;padding:14px 18px;gap:14px 22px;align-items:center;max-height:240px;overflow:auto}
.miniature-approval h3,.miniature-report h3{font-size:21px;margin-bottom:5px}.miniature-approval p{font-size:14px;line-height:1.45}.miniature-approval .eyebrow{margin-bottom:5px}.miniature-approval-note{margin-top:5px}
.miniature-approval-buttons{flex-direction:row;flex-wrap:wrap;max-width:320px}.miniature-approval-buttons .button{font-size:14px;padding:11px 14px;min-height:44px}
.miniature-workspace[data-flow-state="approval"] .miniature-actionbar{display:none}
.miniature-workspace[data-flow-state="done"] .miniature-report{grid-row:2;grid-column:1;align-self:end;z-index:6;margin:12px;box-shadow:0 4px 25px #21453015;border:1px solid #d7e8de;border-radius:8px}
.miniature-fallback img{max-height:65%;width:auto;max-width:100%}.miniature-fallback:not([hidden]){padding:14px}.miniature-fallback p{font-size:13px}
@media(min-width:801px) and (max-height:740px){
 .miniature-request p{font-size:14px}.miniature-steps small{display:none}.miniature-steps li{padding-bottom:12px}
 .miniature-approval-note{display:none}.miniature-approval .eyebrow{display:none}
 #agentwereld .section-heading>p{font-size:14px}
}
@media(max-width:1000px) and (min-width:761px){.hero.section-shell{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);width:calc(100% - 48px)}.hero-world{margin-right:-18px}.hero-actions{gap:12px}.hero .hero-copy h1{font-size:clamp(2.8rem,6vw,4rem)}.hero-intro{font-size:16px}.hero-story{margin-inline:0}.hero-canvas-wrap{height:clamp(390px,calc(calc(var(--uppr-vh, 1svh) * 100) - 210px),500px)}}
@media(max-width:800px){
 :root{--site-nav-height:64px}
 .miniature-workspace{height:clamp(380px,calc(calc(var(--uppr-vh, 1svh) * 100) - 185px),680px)}
 #agentwereld{padding-top:18px}.miniature-layout{display:block;position:relative}.miniature-story{display:none}
 .miniature-viewport{height:100%;min-height:0}.miniature-topbar{padding-inline:14px}
 .miniature-actionbar{padding:12px;display:flex;flex-wrap:wrap;gap:8px}
 .miniature-actionbar>div:first-child{flex:1 1 240px}.miniature-actionbar strong{font-size:14px}.miniature-actionbar p{font-size:13px}
 .miniature-buttons{margin-top:0;flex:1 1 240px}.miniature-buttons .button{flex:1}
 .miniature-approval:not([hidden]){display:block;padding:12px;max-height:245px}
 .miniature-approval h3{font-size:19px}.miniature-approval p{font-size:14px}.miniature-approval-buttons{margin-top:10px;max-width:none;flex-direction:row}.miniature-approval-buttons .button{flex:1}
 .miniature-approval-note{display:none}.miniature-report:not([hidden]){display:block}.miniature-report ul{margin-top:8px;font-size:13px;line-height:1.5}.miniature-report>p{margin-top:7px}
 #agentwereld .section-heading>p{display:none}#agentwereld .section-heading{margin-bottom:16px}
}
@media(max-width:760px){
 .hero.section-shell{min-height:calc(var(--uppr-vh, 1svh) * 100);padding-top:24px;padding-bottom:28px;gap:18px}
 .hero .hero-copy h1{font-size:clamp(2.25rem,8vw,3.6rem);min-height:0;line-height:1.06}
 .hero-copy .eyebrow{margin-bottom:12px}.hero .hero-intro{font-size:15px;line-height:1.45;margin-top:12px}
 .hero-actions{margin-top:14px;flex-direction:row;gap:14px}.hero-actions .button{min-height:42px;padding:10px 13px}.hero-note{display:none}
 .hero-world{margin:0 -12px}.hero-scene-label{display:none}.hero-story{display:none}
 .hero-canvas-wrap{height:clamp(230px,52vw,360px)}
 .world-controls{margin-top:0}.world-choice{padding:9px 13px;min-height:42px}.world-description{font-size:12px;min-height:34px;margin-top:6px;line-height:1.4}
}
@media(max-height:550px) and (min-width:801px){
 .hero .hero-copy h1{font-size:2.6rem}.hero-copy .eyebrow{margin-bottom:10px}.hero .hero-intro{font-size:15px;margin-top:12px}.hero-note{display:none}.hero-actions{margin-top:12px}
 .hero-story{display:none}.hero-canvas-wrap{height:220px}.world-description{min-height:0}
}
/* One navigation offset; avoid adding sticky-header space twice at anchor links. */
html{scroll-padding-top:var(--site-nav-height)}
#agentwereld{scroll-margin-top:0}
.miniature-workspace{scroll-margin-top:12px}
@media(max-width:800px){
 .miniature-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .miniature-story{display:block;grid-row:1;padding:9px 12px;border-left:0;border-top:0;border-bottom:1px solid #e0e7ef;overflow:visible}
 .miniature-request{padding:0;border:0}.miniature-request p{font-size:14px;line-height:1.4}
 .miniature-story .eyebrow,.miniature-story .miniature-progress-heading,.miniature-story .miniature-steps{display:none}
 .miniature-viewport{grid-row:2}
}
.miniature-workspace{grid-template-columns:minmax(0,1fr)}
.miniature-workspace> *{grid-column:1}