body {
  font-family: system-ui, sans-serif;
  max-width: 640px;
  margin: 40px auto;
  padding: 0 16px;
  color: #1a1a1a;
}
h1 { font-size: 1.5rem; }
form { display: flex; flex-direction: column; gap: 12px; margin: 16px 0; }
label { font-weight: 600; font-size: 0.9rem; }
input, select { padding: 8px; font-size: 1rem; border: 1px solid #ccc; border-radius: 6px; }
button {
  padding: 10px 16px; font-size: 1rem; border: none; border-radius: 6px;
  background: #2563eb; color: white; cursor: pointer;
}
button:disabled { background: #9ca3af; cursor: not-allowed; }
.error { color: #b91c1c; background: #fee2e2; padding: 8px 12px; border-radius: 6px; }
.limit-bar { background: #e5e7eb; border-radius: 6px; height: 8px; overflow: hidden; margin: 4px 0; }
.limit-fill { background: #2563eb; height: 100%; }
.card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; margin: 8px 0; }
nav a { margin-right: 16px; }
.quick-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }