/* A compact view of the real app, used only to capture social cards. */
html.social-capture,html.social-capture body{overflow:hidden}
html.social-capture header{height:80px;padding:0 36px}
html.social-capture .brand-logo{width:230px;height:auto}
html.social-capture .header-label,html.social-capture .theme,
html.social-capture .selection,html.social-capture .selection-tools,
html.social-capture .corners,html.social-capture .bottom-bar,
html.social-capture .scene-toolbar,html.social-capture .track-meta,
html.social-capture .session-readout,html.social-capture .gear-rail,
html.social-capture .speed,html.social-capture .stage-heading .overline{display:none!important}
html.social-capture main{height:calc(100dvh - 80px);padding:0 36px 26px;display:block}
html.social-capture .practice-workspace{display:block;height:100%;min-height:0}
html.social-capture .drive-panel{height:100%;grid-template-rows:minmax(0,1fr) 62px;gap:12px}
html.social-capture .stage{border:1px solid var(--line);border-radius:14px;background:var(--bg)}
html.social-capture .stage-heading{top:24px;left:28px;right:28px}
html.social-capture .stage h1{font-size:28px;margin:0}
html.social-capture .camera-switch{top:22px;left:auto;right:24px}
html.social-capture .canvas-wrap{inset:66px 130px 16px}
html.social-capture .stage .gear-hud{top:auto;bottom:28px;left:28px;width:140px;transform:none}
html.social-capture .stage .next-hud{top:auto;bottom:28px;right:28px;width:145px;transform:none}
html.social-capture #gear{font-size:88px}
html.social-capture .stage .gear-hud h2{font-size:14px}
html.social-capture .stage #nextName{font-size:18px}
html.social-capture .controls{padding:10px 16px}
html.social-capture .controls-row{margin-bottom:8px}
html.social-capture .controls #progress{margin:0}