:root {
  color-scheme: light dark;
}

body {
  min-height: 100vh;
}

.glass {
  background: color-mix(in srgb, Canvas 82%, transparent);
  border: 1px solid color-mix(in srgb, CanvasText 12%, transparent);
  box-shadow: 0 18px 60px rgb(2 6 23 / 18%);
  backdrop-filter: blur(18px);
}

.dark .glass {
  background: rgb(15 23 42 / 72%);
  border-color: rgb(255 255 255 / 10%);
}

.drop-active {
  outline: 2px solid rgb(34 211 238);
  outline-offset: -8px;
}

.file-row {
  min-height: 64px;
}

.toast {
  animation: toast-in .18s ease-out both;
}

@keyframes toast-in {
  from { transform: translateY(8px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}