/* 3D image vs 3D animation: one editor, one project. Image mode reclaims the
   motion row for the stage and keeps only capture + the way into motion. */
body[data-medium=image] .ws-center{grid-template-rows:auto minmax(160px,1fr) auto auto!important}
body[data-medium=image] .ws-timeline>:not(.ws-time-heading),body[data-medium=image] .ws-time-heading>label,body[data-medium=image] #timeline-fps{display:none!important}
body[data-medium=image] .ws-timeline{display:flex!important;flex-wrap:nowrap;grid-template-rows:none!important;min-height:0!important}
body[data-medium=image] .ws-time-heading{display:flex;align-items:center;gap:var(--space-12);width:100%}
body:not([data-medium=image]) #animate-this{display:none}
body[data-medium=image] .ws-time-heading h2{margin-right:var(--space-12)}
/* Phones, image mode: the way into motion floats like the Ask Studio button,
   because the timeline heading sits below the fold at 390. Hidden while the
   Ask sheet is open (the sheet owns the bottom edge) and by the rule above
   once motion mode is on. */
@media(max-width:850px){
 body[data-medium=image] #animate-this{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:38;min-height:44px;padding:0 var(--space-16);border-radius:var(--ws-radius-pill)}
 body[data-co-open] #animate-this{display:none}
}