/* Custom styles for 3D Studio Gallery */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: #030712;
}

model-viewer {
  --poster-color: transparent;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, #1e293b 0%, #0f172a 60%, #020617 100%);
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

.active-tab {
  background: linear-gradient(135deg, #06b6d4, #0d9488);
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.25);
}

.model-card:hover {
  transform: translateY(-2px);
  border-color: rgba(6, 182, 212, 0.5);
  box-shadow: 0 12px 24px -10px rgba(6, 182, 212, 0.2);
}