/* Reserve a footer row so shared navigation never covers the editor. */
/* Short viewports scroll instead of squeezing the editor controls together. */
body{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow-y:auto}
.experiment-studio{position:relative;flex:1;min-height:520px;container-type:size}
.experiment-studio .workspace{height:100%;min-height:0}
.experiment-studio .inspector{max-height:calc(100cqh - 280px)}
body>[data-experiment-controls]{flex:none;--experiment-footer-bg:#10171e;--experiment-footer-ink:#b8c5cf;--experiment-footer-border:#ffffff16}
@media(max-width:760px){
 .experiment-studio{min-height:560px}
 .experiment-studio .stage #viewport{bottom:38cqh}
 .experiment-studio .inspector{height:31cqh;max-height:31cqh}
 .experiment-studio .stage{min-height:0}
 .experiment-studio .stage .stage-bottom{top:190px}
 .experiment-studio .stage-label #garage-team-mark{height:60px}
}

/* The signup link stays usable without JavaScript or measurement consent. */
.experiment-studio .topbar{gap:10px}
.topbar .project{display:none}
.topbar .create-yours{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #e9a07866;border-radius:7px;background:#e9a07818;color:#ffd0ac;font:600 11px 'DM Sans',sans-serif;text-decoration:none;white-space:nowrap}
.topbar .create-yours:hover{background:#e9a07830}
.topbar .create-yours:focus-visible{outline:2px solid #efa779;outline-offset:3px}
.topbar .header-actions{margin-left:0;gap:0}
@media(max-width:760px){
 .experiment-studio .topbar{padding:0 12px;gap:8px}
 .topbar .brand{gap:5px}
 .topbar .brand>svg{width:22px;height:22px}
 .topbar .brand>span{font-size:20px}
 .topbar .create-yours{padding:0 8px}
 .topbar .header-actions .icon-button{width:32px}
}

/* Keep experiment documents separate from the three shared creation resources. */
.experiment-resource-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 12px}
.experiment-making-of{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.experiment-making-of:focus-visible{outline:2px solid currentColor;outline-offset:3px}