/* ============================================
   utilities.css — LogoMagic Studio
   Globale Utility-Overrides & Browser-Resets
   ============================================ */

/* ── Kein Seiten-Scroll — App füllt exakt den Viewport ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  margin:   0;
  padding:  0;
  overflow: hidden;
}

#root {
  height:   100%;
  overflow: hidden;
}

/* Textauswahl-Farbe (entspricht Tailwind selection:bg-[#00C48C]) */
::selection {
  background-color: #00C48C;
  color: #ffffff;
}

/* Scrollbar komplett ausblenden — wird auf dem Settings-Panel genutzt */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width:    none;
}

/* Verhindert Bounce/Overscroll auf Touch-Geräten */
body {
  overscroll-behavior: none;
  touch-action: pan-x pan-y;
}

/* Range-Input Cursor (wird von Tailwind CDN manchmal nicht gesetzt) */
input[type="range"] {
  cursor: pointer;
}