From c0de0a2cd93b260f0e7d7f37c47b2b96fd7419a9 Mon Sep 17 00:00:00 2001
From: bymyself <cbyrne@comfy.org>
Date: Mon, 7 Jul 2025 16:18:57 -0700
Subject: [PATCH] [perf] Add global CSS optimizations for LOD system

Remove expensive paint effects (shadows, filters, backdrop-filters) at lower LOD levels
Simplify rendering for minimal LOD (no border-radius, no background images)
These optimizations reduce paint complexity without causing unwanted layerization
---
 src/assets/css/style.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 7168ea601..9adab19c7 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -706,3 +706,24 @@ audio.comfy-audio.empty-audio-widget {
   will-change: transform;
 }
 
+/* Global performance optimizations for LOD */
+.lg-node--lod-minimal,
+.lg-node--lod-reduced {
+  /* Remove ALL expensive paint effects */
+  box-shadow: none !important;
+  filter: none !important;
+  backdrop-filter: none !important;
+  text-shadow: none !important;
+  -webkit-mask-image: none !important;
+  mask-image: none !important;
+  clip-path: none !important;
+}
+
+/* Reduce paint complexity for minimal LOD */
+.lg-node--lod-minimal {
+  /* Skip complex borders */
+  border-radius: 0 !important;
+  /* Use solid colors only */
+  background-image: none !important;
+}
+