@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.update-node__controls {
  background: white;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  color: black;
}

.update-node__controls label {
  display: block;
  margin-bottom: 8px;
  color: black;
}

.update-node__controls input {
  margin-bottom: 12px;
  color: black;
  background: white;
  border: 1px solid #ccc;
  padding: 4px 8px;
  border-radius: 4px;
}