:root {
  --form-ring: 0 0 0 3px color-mix(in srgb, #2563eb 28%, white);
  --form-border: #cbd5e1;
  --form-border-error: #dc2626;
  --form-bg-disabled: #f1f5f9;
  --form-fg-muted: #64748b;
}
.ui-form { display: grid; gap: 0.875rem; max-width: 26rem; }
.ui-form-row { display: grid; gap: 0.375rem; }
.ui-form-label { font-size: 0.875rem; font-weight: 600; }
.ui-form-description { font-size: 0.75rem; color: var(--form-fg-muted); margin: 0; }
.ui-form-control {
  width: 100%;
  border: 1px solid var(--form-border);
  border-radius: 0.625rem;
  padding: 0.6rem 0.75rem;
  font: inherit;
  background: #fff;
  color: #0f172a;
}
.ui-form-control:focus-visible { outline: none; box-shadow: var(--form-ring); border-color: #2563eb; }
.ui-form-actions { margin-top: 0.25rem; }