Make 1:1 (ratio-square) override win regardless of CSS load order by raising specificity with #tiktok-feed ancestor

static/fm_fix.css

@@ -70,12 +70,13 @@
    A YouTube <iframe> ignores object-fit, so instead of letterboxing we size the
    iframe to FULL slide height and 16:9 width (177.78vh -> wider than a phone),
    center it, and let the slide's overflow:hidden clip the sides.
-   These rules load after app_v2.js's injected <style> and use !important,
-   so they override the old (broken) object-fit:contain square version.
+   The #tiktok-feed ancestor raises specificity above app_v2.js's injected
+   `.tiktok-slide.ratio-square>iframe` rule, so this wins regardless of CSS
+   load order (not just !important + source order).
    ============================================================ */
-.tiktok-slide.ratio-square{position:relative!important;overflow:hidden!important;display:block!important;background:#000!important}
-.tiktok-slide.ratio-square>iframe,
-.tiktok-slide.ratio-square>video{
+#tiktok-feed .tiktok-slide.ratio-square{position:relative!important;overflow:hidden!important;display:block!important;background:#000!important}
+#tiktok-feed .tiktok-slide.ratio-square>iframe,
+#tiktok-feed .tiktok-slide.ratio-square>video{
   position:absolute!important;
   top:50%!important;
   left:50%!important;
@@ -87,3 +88,13 @@
   max-height:none!important;
   object-fit:cover!important;     /* affects <video>; harmless for <iframe> */
 }
+/* Fallback copy at plain specificity too (in case the feed id ever differs) */
+.tiktok-slide.ratio-square{position:relative!important;overflow:hidden!important;display:block!important;background:#000!important}
+.tiktok-slide.ratio-square>iframe,
+.tiktok-slide.ratio-square>video{
+  position:absolute!important;top:50%!important;left:50%!important;
+  transform:translate(-50%,-50%)!important;
+  height:100%!important;width:177.78vh!important;
+  min-width:100%!important;max-width:none!important;max-height:none!important;
+  object-fit:cover!important;
+}