fix backdrop and pad detailspage

style.css

@@ -42,7 +42,7 @@
 }
 .backdropContainer {
   filter:
-        blur(8px) saturate(140%) contrast(120%) brightness(65%);
+  blur(8px) contrast(120%) brightness(60%);
   mask-image: none;
   -webkit-mask-image: none;
 }
@@ -494,3 +494,23 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child {
 .listItem:hover {
   transition: 0.18s ease-in;
 }
+
+/* --- DetailsPage Padding --- */
+.layout-desktop [dir=ltr] .detailPageContent {
+  padding-left: 40vw;
+  padding-right: 10vw;
+}
+.layout-desktop [dir=ltr] .detailPagePrimaryContainer {
+  padding-left: 40vw;
+}
+.layout-desktop .detailImageContainer .card {
+  left: 13vw;
+}
+.layout-desktop [dir=ltr] .padded-right,
+[dir=rtl] .padded-left {
+  padding-right: 3.3%;
+  padding-right: max(env(safe-area-inset-right), 9vw);
+}
+.layout-desktop [dir=ltr] .emby-scrollbuttons {
+  right: -9vw;
+}