.textarea {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-raised);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 12px;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  resize: vertical;
}

.textarea::placeholder { color: var(--text-faint); }
.textarea:focus { border-color: var(--amber); box-shadow: 0 0 0 3px var(--amber-bg); }

.resizeVertical { resize: vertical; }
.resizeHorizontal { resize: horizontal; }
.resizeNone { resize: none; }
.resizeBoth { resize: both; }
