#comparison{overflow-anchor:none!important}
.studio-thinking-art{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:rgba(247,249,253,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.studio-thinking-art.visible{opacity:1;pointer-events:auto}
.studio-thinking-frame{position:relative;width:min(1100px,calc(100vw - 24px));height:min(760px,calc(100dvh - 24px));border-radius:28px;overflow:hidden;border:1px solid rgba(13,24,54,.12);background:#f7f9fd;box-shadow:0 40px 140px rgba(0,0,0,.38)}
#studioThinkingCanvas{width:100%;height:100%;display:block}
.studio-thinking-label{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(247,249,253,.78);border:1px solid rgba(13,24,54,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:7px 11px;border-radius:999px;font-size:.7rem;font-weight:740;line-height:1.2;color:#667085;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}
body.studio-processing #comparison>.progress-panel{visibility:hidden!important;pointer-events:none!important}
body.studio-processing #resultStage{overflow-anchor:none!important}
#resultStage .stage-head{min-height:82px!important;align-content:start}
#resultStage .stage-sub{min-height:2.9em!important}
#comparison{height:clamp(420px,52vw,620px)!important;aspect-ratio:auto!important;contain:layout paint!important}
/* Keep the restored demo video unobstructed; the adjacent Before badge is sufficient context. */
.studio-proof-panel:last-child>span{display:none!important}
/* Keep the rotating hero copy from changing page geometry. The whole headline owns a fixed line box, not just the animated phrase. */
.premium-copy h1{height:1.96em!important;min-height:1.96em!important;max-height:1.96em!important;overflow:hidden!important;contain:layout!important}
#studioTypewriterText{height:1em!important;min-height:1em!important;max-height:1em!important;line-height:1!important;overflow:hidden!important}
@media(max-width:620px){#comparison{height:clamp(360px,112vw,560px)!important}.studio-thinking-frame{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:22px}.studio-thinking-label{bottom:max(12px,env(safe-area-inset-bottom))}.premium-copy h1{height:2.94em!important;min-height:2.94em!important;max-height:2.94em!important}.premium-copy p{min-height:3.1em!important}}
@media(prefers-reduced-motion:reduce){.studio-thinking-art{transition:none!important}}