/* One in-flow scene above the progress bar, never an overlay on research results. */
#workspace .loading-content{justify-content:center;gap:0;min-height:0;height:100%;padding:0 3%}
#workspace .loading-content>.eyebrow{margin:0 0 5px}
#workspace #loading-title{font-size:clamp(21px,2vw,34px);line-height:1.14;margin:0}
#workspace .loading-snapshot{margin:5px 0 0}
#workspace .loading-animals{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4%;width:min(100%,560px);height:clamp(125px,15vw,235px);flex:1 1 190px;min-height:100px;max-height:235px;margin:5px auto 7px;pointer-events:none;contain:layout paint}
#workspace .loading-animal{position:relative;min-width:0;min-height:0;opacity:0;filter:drop-shadow(0 5px 5px #0008)}
#workspace .loading-animal canvas{display:block;width:100%;height:100%}
#workspace .loading-animal video{display:none!important}
#workspace .loading-content .progress{flex:none;margin:4px 0;height:54px;min-height:54px}
#workspace .loading-content .loading-meta{flex:none;margin:7px 0 4px}
#workspace .loading-content .activity-log{flex:none;height:48px;min-height:48px;margin:3px 0 0;font-size:11px;line-height:1.7}
#workspace .loading-content .loading-bottom{flex:none;margin-top:8px}
#workspace .loading-content .loading-bottom button{min-height:44px}
@media(max-width:1199px){
 #workspace.is-loading .screen-scroll{overflow:hidden}
 #workspace .loading-content{padding:0 1%;height:100%}
 #workspace #loading-title{font-size:clamp(18px,4.7vw,33px)}
 #workspace .loading-content>.eyebrow{font-size:clamp(8px,1.8vw,11px);letter-spacing:.055em}
 #workspace .loading-snapshot{font-size:clamp(10px,2.4vw,13px);line-height:1.3}
 #workspace .loading-animals{width:100%;height:clamp(120px,39vw,300px);max-height:300px;min-height:95px;flex:1 1 39vw}
 #workspace .loading-content .loading-meta{font-size:clamp(10px,2.1vw,12px);min-height:24px;line-height:1.25}
 #workspace .loading-content .activity-log{font-size:clamp(9px,2.1vw,12px);height:42px;min-height:42px;padding:4px}
 #workspace .loading-content .loading-bottom{gap:6px;margin-top:4px}
 #workspace .loading-content .loading-bottom button{font-size:clamp(10px,2.3vw,13px);padding:5px 7px}
}
@media(max-width:360px){
 #workspace .loading-animals{min-height:70px;margin:3px 0}
 #workspace .loading-content .progress{height:44px;min-height:44px}
 #workspace .loading-snapshot{margin-top:3px}
 #workspace .loading-content .loading-meta{margin:4px 0 2px}
 #workspace .loading-content .activity-log{height:34px;min-height:34px;font-size:9px;line-height:1.4}
}
/* Budget rows against the real frame opening, not against page height. */
#workspace.is-loading .aperture{display:flex;flex-direction:column;overflow:hidden}
#workspace.is-loading .workflow{flex:none;margin-bottom:6px}
#workspace #loading-screen:not([hidden]){display:flex;flex:1;min-height:0;height:auto}
#workspace .loading-content{display:grid;flex:1;min-height:0;height:auto;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(55px,1fr) 44px 20px 28px 36px;row-gap:3px;align-items:stretch;padding:0 2%}
#workspace .loading-content>.eyebrow,#workspace .loading-snapshot{display:none}
#workspace #loading-title{font-size:clamp(18px,1.55vw,28px);line-height:1.12;text-align:center;margin:0}
#workspace .loading-animals{height:auto;min-height:0;max-height:none;width:min(100%,430px);margin:0 auto;align-self:stretch}
#workspace .loading-content .progress{height:44px;min-height:44px;margin:0}
#workspace .loading-content .loading-meta{margin:0;min-height:0;line-height:1.3;align-items:center}
#workspace .loading-content .activity-log{margin:0;min-height:0;height:28px;font-size:10px;line-height:1.35;padding:0 4px}
#workspace .loading-content .loading-bottom{margin:0;align-items:center;gap:8px}
#workspace .loading-content .loading-bottom button{min-height:36px;padding:4px 8px}
#workspace .loading-content .media-notice:not([hidden]){position:absolute;top:32px;left:3%;right:3%;text-align:center;font-size:10px;z-index:2}
@media(max-width:1199px){
 #workspace .loading-content{grid-template-rows:auto minmax(55px,1fr) 48px 26px 34px 44px;row-gap:4px}
 #workspace #loading-title{font-size:clamp(18px,4.5vw,30px)}
 #workspace .loading-content .progress{height:48px;min-height:48px}
 #workspace .loading-content .activity-log{height:34px;font-size:clamp(9px,2.2vw,12px);line-height:1.35}
 #workspace .loading-content .loading-bottom button{min-height:44px}
}