/* Desktop background */
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: sans-serif;
}

#desktop {
  width: 100vw;
  height: 100vh;
  background: #191919;
  position: relative;
}

/* Common draggable styles for windows & images */
.window,
.image-wrapper {
  position: absolute;
  cursor: grab;
  user-select: none;
  transition: transform 0.05s linear; /* smooth rotation */
}

.window.dragging,
.image-wrapper.dragging {
  opacity: 0.5;
  cursor: grabbing;
}

.title-bar-text {
  font-family: "Web437_Cordata", monospace;
}

/* Title bar controls */
.title-bar-controls button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
}

/* Draggable images */
.draggable-image {
  display: block;
  width: 100%;
  height: auto;
}

/* Rotation Handles (All 4 Corners) */
.rotate-handle {
  width: 16px;
  height: 16px;
  background: transparent;
  position: absolute;
  border-radius: 50%;
  cursor: grab;
}

/* Corner positions */
.rotate-handle.top-left {
  top: -8px;
  left: -8px;
}
.rotate-handle.top-right {
  top: -8px;
  right: -8px;
}
.rotate-handle.bottom-left {
  bottom: -8px;
  left: -8px;
}
.rotate-handle.bottom-right {
  bottom: -8px;
  right: -8px;
}

.rotate-handle:hover {
  cursor: pointer;
}



.rotate-handle:hover {
  cursor: pointer;
}
/* Prevent text selection globally in your desktop */
#desktop, .window, .window * , .image-wrapper, .image-wrapper * {
  user-select: none;  /* disables text selection */
  -webkit-user-select: none; /* for Safari/Chrome */
  -moz-user-select: none;    /* for Firefox */
  -ms-user-select: none;     /* for IE/Edge */
}

/* Prevent default image dragging */
img.draggable-image {
  -webkit-user-drag: none;  /* Safari/Chrome */
  user-drag: none;          /* standard */
}


    body {
      background: #191919;
      font-family: "Web437_Cordata", "MS Sans Serif", sans-serif;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    #desktop {
      position: relative;
      width: 100%;
      height: 100vh;
      user-select: none;
    }

    /* Windows */
    .window {
      position: absolute;
      width: 300px;
      min-height: 150px;
      cursor: grab;
    }

    .window.dragging { opacity: 0.8; cursor: grabbing; }

    .title-bar-text { font-family: "Web437_Cordata", monospace; }

    .window-body { font-family: "Web437_Cordata", sans-serif; }

    /* Images */
    .image-wrapper { position: absolute; cursor: grab; }
    .image-wrapper.dragging { cursor: grabbing; }
    .draggable-image { width: 100%; display: block; }
	
    .rotate-handle {
      width: 16px;
      height: 16px;
      background: transparent;
      position: absolute;
      bottom: -8px;
      right: -8px;
      border-radius: 50%;
      cursor: pointer;
    }

@keyframes scroll-text {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}