desktop styles fix

ui/style.css

@@ -24,7 +24,9 @@
 body {
     background-color: var(--background);
     color: var(--foreground);
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    font-family:
+        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+        Arial, sans-serif;
     margin: 0;
     height: 100vh;
     overflow: hidden;
@@ -132,15 +134,25 @@ body {
     align-items: center;
     justify-content: center;
     z-index: 10;
-    transition: transform 0.2s, opacity 0.2s;
+    transition:
+        transform 0.2s,
+        opacity 0.2s;
 }
 
 .btn-floating:active {
     transform: scale(0.95);
 }
 
-.btn-floating.visible {
+@media (max-width: 768px) {
+    .btn-floating.visible {
         display: flex;
+    }
+}
+
+@media (min-width: 769px) {
+    .btn-floating.visible {
+        display: none;
+    }
 }
 
 .sidebar-header {
@@ -317,9 +329,15 @@ label {
 }
 
 @keyframes pulse {
-    0% { opacity: 1; }
+    0% {
-    50% { opacity: 0.4; }
+        opacity: 1;
-    100% { opacity: 1; }
+    }
+    50% {
+        opacity: 0.4;
+    }
+    100% {
+        opacity: 1;
+    }
 }
 
 /* Main Editor Area */
@@ -354,7 +372,8 @@ label {
     overflow-y: auto;
 }
 
-#editor, #suggestion-overlay {
+#editor,
+#suggestion-overlay {
     width: 100%;
     height: 100%;
     padding: 2rem;
@@ -370,7 +389,8 @@ label {
 }
 
 @media (max-width: 768px) {
-    #editor, #suggestion-overlay {
+    #editor,
+    #suggestion-overlay {
         padding: 1rem;
         font-size: 1rem;
     }