Update style.css

style.css

@@ -1,119 +0,0 @@
-/* === Base Styles === */
-body {
-  font-family: 'Segoe UI', Arial, sans-serif;
-}
-
-/* === Color Variables as Classes (for easy reuse) === */
-.bg-background {
-  background-color: hsl(0 0% 3.9%);
-}
-
-.text-foreground {
-  color: hsl(0 0% 98%);
-}
-
-.card, .gr-interface {
-  background-color: hsl(0 0% 10%) !important;
-  border-radius: 0.5rem;
-  padding: 1rem;
-  box-shadow: 0 0 10px hsl(0 0% 14.9% / 0.2);
-  border: 1px solid hsl(0 0% 14.9%);
-}
-
-.text-card-foreground {
-  color: hsl(0 0% 98%);
-}
-
-.btn-primary {
-  background-color: hsl(0 0% 98%) !important;
-  color: hsl(0 0% 9%);
-  border-radius: 0.5rem;
-  padding: 0.75rem 1.5rem;
-  font-weight: bold;
-  border: none;
-  transition: all 0.3s ease;
-}
-
-.btn-primary:hover {
-  background-color: hsl(0 0% 90%) !important;
-  box-shadow: 0 0 10px hsl(0 0% 60% / 0.3);
-}
-
-/* === Tabs === */
-.gr-tabs button {
-  font-size: 16px;
-  padding: 10px 20px;
-  border-radius: 8px;
-  background: hsl(0 0% 10%);
-  color: white;
-  transition: all 0.3s ease;
-}
-
-.gr-tabs button:hover {
-  background: hsl(120 76% 61%);
-  color: black;
-  box-shadow: 0 0 10px hsl(120 76% 61% / 0.4);
-}
-
-/* === Inputs & Text === */
-input[type="text"], input[type="number"], select, textarea {
-  background-color: hsl(0 0% 14.9%);
-  color: white;
-  border: 1px solid hsl(0 0% 30%);
-  border-radius: 0.5rem;
-  padding: 0.75rem;
-  width: 100%;
-}
-
-.gr-checkboxgroup label {
-  background: hsl(0 0% 14.9%);
-  color: white;
-  border: 1px solid hsl(0 0% 30%);
-  border-radius: 0.5rem;
-  padding: 0.5rem 1rem;
-  transition: background 0.3s;
-}
-
-.gr-checkboxgroup label:hover {
-  background: hsl(0 0% 20%);
-  cursor: pointer;
-}
-
-/* === Gallery Cards – Preset Cards Tab === */
-.gr-gallery__items > div {
-  border-radius: 0.75rem;
-  overflow: hidden;
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.gr-gallery__items > div:hover {
-  transform: scale(1.02);
-  box-shadow: 0 0 12px hsl(120 76% 61% / 0.4);
-}
-
-.gr-gallery__item-label {
-  background: rgba(0, 0, 0, 0.7);
-  backdrop-filter: blur(3px);
-  color: white;
-  font-size: 14px;
-  font-weight: bold;
-  text-align: center;
-  padding: 0.5rem;
-  border-radius: 0 0 0.5rem 0.5rem;
-}
-
-/* === Buttons & Links === */
-.btn-destructive {
-  background-color: hsl(0 84.2% 60.2%) !important;
-  color: hsl(0 0% 98%);
-}
-
-/* === Floating Animation (Logo, etc.) === */
-@keyframes float {
-  0%, 100% { transform: translateY(0); }
-  50% { transform: translateY(-10px); }
-}
-
-.float-animation {
-  animation: float 3s ease-in-out infinite;
-}