/* The last four surfaces that paid the iPhone status bar twice: the create camera (top bar, record
   pill, frame counter, settings popover, review bar), the studio bar, the duet banner and the reels
   player's own top bar. css/app-safe-area-v1.css explains the fault — the shell insets its own
   WebView below the status bar, but env(safe-area-inset-top) still reports the device's real inset,
   so every one of these sat ~47px too low inside MODE! while looking correct in a browser.

   css/create-camera-v2.css, css/create-duet-v1.css and css/create-studio-v1.css are pushed into the
   head by @push('head'), which renders after this file, so nothing here can win on load order: every
   rule carries one class more than the rule it answers, exactly as in app-safe-area-v2.css.
   Bottom insets are deliberately untouched — the shell offsets the WebView at the top only.

   Fresh filename: hCDN caches css/* for a week and ignores query strings. */

html.mtv-in-app .mtv-create__bar { padding-top: 8px; }
html.mtv-in-app .mtv-create__rec { top: 64px; }
html.mtv-in-app .mtv-create__counter { top: 64px; }
html.mtv-in-app .mtv-create__settings { top: 58px; }
html.mtv-in-app .mtv-create__reviewbar { padding-top: 10px; }
html.mtv-in-app .mtv-studio__bar { padding-top: 10px; }
html.mtv-in-app .mtv-duet { top: 58px; }
html.mtv-in-app .mtv-reels__bar { padding-top: 10px; }