Update app.py

app.py

@@ -251,6 +251,9 @@ body{margin:0;font-family:Nunito,sans-serif;background:#f6f8fb;}
 .frame{flex:1;position:relative;overflow:hidden;}
 .frame iframe{position:absolute;width:166.667%;height:166.667%;transform:scale(.6);transform-origin:top left;border:0;}
 .frame img{width:100%;height:100%;object-fit:cover;}
+.card-label{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:bold;z-index:100;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
+.label-live{background:linear-gradient(135deg, #00c6ff, #0072ff);color:white;}
+.label-static{background:linear-gradient(135deg, #ff9a9e, #fad0c4);color:#333;}
 .foot{height:44px;background:#fafafa;display:flex;align-items:center;justify-content:center;border-top:1px solid #eee;}
 .foot a{font-size:.82rem;font-weight:700;color:#4a6dd8;text-decoration:none;}
 .pagination{display:flex;justify-content:center;margin:20px 0;gap:10px;}
@@ -365,6 +368,7 @@ function loadFavorites(page) {
         if(item.mode === 'snapshot') {
           html += `
             <div class="card">
+              <div class="card-label label-static">Static</div>
               <div class="frame">
                 <img src="${item.preview_url}" loading="lazy">
               </div>
@@ -376,6 +380,7 @@ function loadFavorites(page) {
         } else {
           html += `
             <div class="card">
+              <div class="card-label label-live">LIVE</div>
               <div class="frame">
                 <iframe src="${item.preview_url}" loading="lazy" sandbox="allow-forms allow-modals allow-popups allow-same-origin allow-scripts allow-downloads"></iframe>
               </div>