:root {
  color-scheme: dark;
  font-family: 'Noto Sans KR', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: #020617;
}

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(160% 160% at 20% 20%, #1f2937 0%, #020617 55%, #01030a 100%);
  -webkit-font-smoothing: antialiased;
}

canvas {
  image-rendering: auto;
  transition: opacity 0.3s ease;
}

input[type='file']::file-selector-button {
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(148, 163, 184, 0.3);
  border-radius: 999px;
}

::-webkit-scrollbar-track {
  background-color: rgba(15, 23, 42, 0.6);
}

#overlayCanvas {
  pointer-events: none;
}

#selectionCanvas {
  pointer-events: none;
  transition: opacity 0.2s ease;
}

#selectionCanvas.selection-active {
  pointer-events: auto;
  cursor: crosshair;
}

.selection-button-active {
  border-color: rgba(125, 211, 252, 0.75) !important;
  background-color: rgba(12, 74, 110, 0.45) !important;
  color: #e0f2fe !important;
  box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.35);
}